CSS 兼容属性

最新推荐文章于 2023-03-30 23:09:16 发布

JasoncodeQvQ

最新推荐文章于 2023-03-30 23:09:16 发布

阅读量135

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/CodingmanNAN/article/details/128760224

版权

CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

CSS 浏览器兼容前缀
Firefox ： -moz-
Safari ： -webkit-
Chrome ： -webkit-
Opera ： -o-
IE ： -ms-

动画执行示例：
.container {
    background: url(../images/images.png) 0 0 no-repeat;
    animation: Ani 2.5s .15s linear infinite;
    -moz-animation: Ani 2.5s .15s linear infinite;        /* Firefox */
    -webkit-animation: Ani 2.5s .15s linear infinite;    /* Safari and Chrome */
    -ms-animation: Ani 2.5s .15s linear infinite;        /* ie */
    -o-animation: Ani 2.5s .15s linear infinite;        /* Opera */
}
@-webkit-keyframes Ani { 10% {} 20% {} 30% {} 40% {} 50%,100% {} }
@-moz-keyframes Ani { 10% {} 20% {} 30% {} 40% {} 50%,100% {} }
@-ms-keyframes Ani { 10% {} 20% {} 30% {} 40% {} 50%,100% {} }
@-o-keyframes Ani { 10% {} 20% {} 30% {} 40% {} 50%,100% {} }
@keyframes Ani { 10% {} 20% {} 30% {} 40% {} 50%,100% {} }