Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css voujs-背景动画淡入淡出数据库_Css_Vuejs2 - Fatal编程技术网

Css voujs-背景动画淡入淡出数据库

Css voujs-背景动画淡入淡出数据库,css,vuejs2,Css,Vuejs2,我有一个div可以控制它的背景。 我想在背景中添加一些动画,这样它会立即淡出到透明状态。像眨眼一样。或者快速淡入淡出。 可能吗? {{rand} 好的,您可以为您想要在CSS代码中设置动画的段落添加转换属性: p { transition: background-color .3s; } 拥有那样的风格是很容易的。您必须添加transition属性,该属性的值必须是基本元素所需的值: p { transition: background .3s; } newvue({ el:“

我有一个div可以控制它的背景。
我想在背景中添加一些动画,这样它会立即淡出到透明状态。像眨眼一样。或者快速淡入淡出。
可能吗?


{{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;
}