首页 > Web开发 > 详细

HTML初学(六)

时间:2016-07-03 23:27:11      阅读:286      评论:0      收藏:0      [点我收藏+]

animation:Kato 1s linear 1s 1 (normal) forwards

    name(必写)

    duration(秒或者毫秒)

    timing-function(linear直线型、ease二次函数型、ease-in低速开始二次函数、ease-out低速结束二次函数、ease-in-out、cubic-bezier(n,n,n,n))

    delay(延迟时间)

    iteration-count(播放次数,infinite)

    direction(alternate轮流反向播放,normal)

    forwards(用来定格最后一帧)并非animation默认值

@keyframes name {

  0%,20%,80%{

  }

  40%,60%,100%{

  }

}

opacity不透明度,值为0~1之间

transform转换

  scale(n,n)2D平面进行缩放,分别对应XY轴

  scale3d(x,y,z)

  rotate(angle)旋转角度,旋转点默认为几何中心

  rotateX(angle)沿着穿越几何中心的X轴旋转,同理拥有Y,Z属性

  skew(x-angle,y-angle),XY轴同时进行倾斜转角

  skewX(angle)以及skewY(angle)单独进行X或Y转角

transform-origin 属性允许您改变被转换元素的位置。即中心点的位置,默认值为50% 50% 0(分别对应XYZ,其中XY可能的值为top、bottom、center、%和长度+单位等,Z的值只可能是长度+单位)。

perspective以及perspective-origin,二者目前只有-webkit-支持

HTML初学(六)

原文:http://www.cnblogs.com/jason-yijun/p/5639062.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!