首先给标签赋值 :style
<div :style="cssVar" />
computed中定义刚才赋值的变量
computed:{cssVar(){const _site = {'--left': 10,'--top': 20,}return _site}, },
最后在<style>中使用var()函数读取变量即可,该
函数可以使用第二个参数,表示变量的默认值。
@keyframes scale-out-tr {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;}}
更多 CSS 变量教程