css 动画怎么添加

一些 CSS 属性是可以有动画效果的,这意味着它们可以用于动画和过渡。
动画属性可以逐渐地从一个值变化到另一个值,比如尺寸大小、数量、百分比和颜色。

首先在你的容器上加上id

以背景颜色为例,在style里面写上

#myDiv{
    animation: myAnimation 1s infinite;
     //动画属性IE10以下不兼容 谷歌 safari 欧朋等要写下面这行 为了容错最好一起写上
     /* Chrome, Safari, Opera */
    -webkit-animation: myAnimation 1s infinite;
}
@keyframes myAnimation {
  	from {background: red;}
    to {background: yellow;}
}

你可能感兴趣的:(vue,css,animation,前端)