Css voujs-背景动画淡入淡出数据库
我有一个div可以控制它的背景。Css voujs-背景动画淡入淡出数据库,css,vuejs2,Css,Vuejs2,我有一个div可以控制它的背景。 我想在背景中添加一些动画,这样它会立即淡出到透明状态。像眨眼一样。或者快速淡入淡出。 可能吗? {{rand} 好的,您可以为您想要在CSS代码中设置动画的段落添加转换属性: p { transition: background-color .3s; } 拥有那样的风格是很容易的。您必须添加transition属性,该属性的值必须是基本元素所需的值: p { transition: background .3s; } newvue({ el:“
我想在背景中添加一些动画,这样它会立即淡出到透明状态。像眨眼一样。或者快速淡入淡出。
可能吗?
{{rand}
好的,您可以为您想要在CSS代码中设置动画的段落添加转换属性:
p {
transition: background-color .3s;
}
拥有那样的风格是很容易的。您必须添加transition
属性,该属性的值必须是基本元素所需的值:
p {
transition: background .3s;
}
newvue({
el:“#应用程序”,
数据(){
返回{
兰德:0,
差:错
}
},
安装的(){
设置间隔(()=>{
设rand=Math.floor(Math.random()*4)+1;
this.diff=rand!==this.rand;
this.rand=rand;
}, 1000);
}
})
p{
过渡:背景。3s;
}
{{rand}
如果找不到为背景色设置动画的方法,可以尝试在段落后面添加另一层,作为褪色背景。
p {
transition: background .3s;
}