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

css3-animate

时间:2018-06-27 14:00:18      阅读:1448      评论:0      收藏:0      [点我收藏+]

标签:asi   UNC   TE   mat   设置   line   lsa   anim   css3   

   常用动画设置:

  •    effect
  •   easing
  •   duration

 

 effect:

    • <select name="effects" id="effectTypes">
    • <option value="blind">百叶窗特效(Blind Effect)</option>
    • <option value="bounce">反弹特效(Bounce Effect)</option>
    • <option value="clip">剪辑特效(Clip Effect)</option>
    • <option value="drop">降落特效(Drop Effect)</option>
    • <option value="explode">爆炸特效(Explode Effect)</option>
    • <option value="fade">淡入淡出特效(Fade Effect)</option>
    • <option value="fold">折叠特效(Fold Effect)</option>
    • <option value="highlight">突出特效(Highlight Effect)</option>
    • <option value="puff">膨胀特效(Puff Effect)</option>
    • <option value="pulsate">跳动特效(Pulsate Effect)</option>
    • <option value="scale">缩放特效(Scale Effect)</option>
    • <option value="shake">震动特效(Shake Effect)</option>
    • <option value="size">尺寸特效(Size Effect)</option>
    • <option value="slide">滑动特效(Slide Effect)</option>
    • <option value="transfer">转移特效(Transfer Effect)</option>

  easing:

  • swing
  • linear

 

css3-animate

标签:asi   UNC   TE   mat   设置   line   lsa   anim   css3   

原文地址:https://www.cnblogs.com/DennyZhao/p/9233349.html

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