Vue＜style＞使⽤变量css使⽤变量⾸先给标签赋值 :style
<div : />
computed中定义刚才赋值的变量
computed:{
cssVar(){
const _site = {
'--left': 10,
'--top': 20,
}
return _site
},
},
最后在 <style> 中使⽤var()函数读取变量即可，该函数可以使⽤第⼆个参数，表⽰变量的默认值。
@keyframes scale-out-tr {
css变量0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
opacity: 1;
}
100% {
-
webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: var(--left, 10) var(--top, 20);
transform-origin: var(--left, 10) var(--top, 20);
opacity: 1;
}
}
更多

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。