码迷,mamicode.com
首页 > Web开发 > 详细

5月9日上课笔记-网页定位、网页动画【HTML5】

时间:2017-06-21 11:26:41      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:网页   class   clip   重叠   默认值   倾斜   cal   span   drop   

一、网页定位
    position:
        static (默认值)
        relative 相对定位(相对原来的位置)
            right
            left
            botton
            top
        absolute 绝对定位
        fixed: 固定定位 (相对浏览器窗口)
    z-index
        定位时,重叠层上下位置
二、网页动画
    变形函数:
        transform:
            translate(平移函数  x,y平移)
            translateX
            translateY
            scale(2,2); 宽度,高度
            skew(10deg,10deg); 倾斜
            rotate  2D旋转  顺时针    
    过度效果:
        transition
        动画函数:
            ease:速度由快到慢(默认值)
            linear:速度恒速(匀速运动)
            ease-in:速度越来越快(渐显效果)
            ease-out:速度越来越慢(渐隐效果)
            ease-in-out:速度先加速再减速(渐显渐隐效果)
    
    animation
        @keyframes 创建动画
    
    安装aptana插件
        \MyEclipse 10\dropins
    tips:    
        aptana
        spket
        javascript  jquery
        二进制
        十进制
        八进制
        十六进制
        http://jingyan.baidu.com/article/495ba84109665338b30ede98.html

 

5月9日上课笔记-网页定位、网页动画【HTML5】

标签:网页   class   clip   重叠   默认值   倾斜   cal   span   drop   

原文地址:http://www.cnblogs.com/benben2013A/p/7058021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!