css中animation怎么用-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css中animation怎么用

云计算小粉 2018-05-10 20:07:00 1417

css中animation怎么用

前端开发
分享到
取消 提交回答
全部回答(2)
  • tama_test
    2019-07-17 22:14:27

    animation-name 指定要绑定到选择器的关键帧的名称
    animation-duration 动画指定需要多少秒或毫秒完成
    animation-timing-function 设置动画将如何完成一个周期
    animation-delay 设置动画在启动前的延迟间隔。
    animation-iteration-count 定义动画的播放次数。
    animation-direction 指定是否应该轮流反向播放动画。
    animation-fill-mode 规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。
    animation-play-state 指定动画是否正在运行或已暂停。

    0 0
  • 星空万里
    2019-07-17 22:14:27

    animation 属性是一个简写属性,用于设置六个动画属性:

    animation-name
    animation-duration
    animation-timing-function
    animation-delay
    animation-iteration-count
    animation-direction

    比如:

    .container {
    animation: myfirst 5s;
    -moz-animation: myfirst 5s; / Firefox /
    -webkit-animation: myfirst 5s; / Safari 和 Chrome /
    -o-animation: myfirst 5s; / Opera /
    }


    文字显示阴影效果共4个值,第一个代表距离左多少距离开始显示阴影效果,第二个值代表距离上多少距离开始显示阴影效果,第三个值代表阴影范围大小,第四个值为阴影效果颜色。
    imagehttp://www.divcss5.com/edu/data/attachment/forum/201405/04/214934sw99b5fm2iglfjje.png

    0 0
添加回答
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程