Javascript 为什么CSS转换没有';你不能在新家工作吗?

Javascript 为什么CSS转换没有';你不能在新家工作吗?,javascript,html,css,vue.js,Javascript,Html,Css,Vue.js,当我像下面那样使用CSS转换时。 var Main={ 数据(){ 返回{ I:错, 子样式:{} }; }, 方法:{ showMask(){ this.isActive=true 这个.$nextTick(()=>{ this.childStyle={ 变换:“缩放(2,2)” } }) }, 希德马斯克(){ this.childStyle={} this.isActive=false } } } 变量向量=Vue.extend(主) 新Ctor().$mount('#app') .p

当我像下面那样使用CSS转换时。

var Main={
数据(){
返回{
I:错,
子样式:{}
};
},
方法:{
showMask(){
this.isActive=true
这个.$nextTick(()=>{
this.childStyle={
变换:“缩放(2,2)”
}
})
},
希德马斯克(){
this.childStyle={}
this.isActive=false
}
}
}
变量向量=Vue.extend(主)
新Ctor().$mount('#app')
.parent{
位置:固定;
宽度:100%;
身高:100%;
排名:0;
背景色:rgba(0,0,0,0.6);
}
.孩子{
宽度:100px;
高度:150像素;
背景色:红色;
转换:转换。3秒轻松输入输出;
}

点击这里

将元素添加到DOM时,转换不起作用。他们对CSS属性的变化做出反应

尝试使用动画代替

@keyframes-childScale{
来自{transform:scale(0,0)}
到{变换:标度(2,2)}
}
.孩子{
宽度:100px;
高度:150像素;
背景色:红色;
动画:childScale.3s轻松输入输出;

}
将元素添加到DOM时,转换不起作用。他们对CSS属性的变化做出反应

尝试使用动画代替

@keyframes-childScale{
来自{transform:scale(0,0)}
到{变换:标度(2,2)}
}
.孩子{
宽度:100px;
高度:150像素;
背景色:红色;
动画:childScale.3s轻松输入输出;

}
要使CSS转换工作,dom必须可用,没有设置
显示:无
并且应该有它的初始转换前状态值。

要使CSS转换工作,dom必须可用,没有设置
显示:无
并且应该有它的初始转换前状态值。

它为我工作。。。我看到了一个过境点。。将
0.3的值增大,并进行look@TemaniAfif我再次在win和Mac上用chrome检查,它仍然不起作用。我也用chrome。。。试着用3替换0.3,看看发生了什么事情,它对我有用。。。我看到了一个过境点。。将
0.3的值增大,并进行look@TemaniAfif我再次在win和Mac上用chrome检查,它仍然不起作用。我也用chrome。。。尝试将0.3替换为3,看看发生了什么