开发者社区> 问答> 正文

css中animation怎么用

css中animation怎么用

展开
收起
云计算小粉 2018-05-10 20:07:00 2284 0
2 条回答
写回答
取消 提交回答
  • animation-name 指定要绑定到选择器的关键帧的名称
    animation-duration 动画指定需要多少秒或毫秒完成
    animation-timing-function 设置动画将如何完成一个周期
    animation-delay 设置动画在启动前的延迟间隔。
    animation-iteration-count 定义动画的播放次数。
    animation-direction 指定是否应该轮流反向播放动画。
    animation-fill-mode 规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。
    animation-play-state 指定动画是否正在运行或已暂停。

    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

    2019-07-17 22:14:27
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载