scss SCSS Rect Motion关键帧
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss SCSS Rect Motion关键帧相关的知识,希望对你有一定的参考价值。
@keyframes rect-motion-in{
0% { transform: scaleX(0); transform-origin: left top }
100% { transform: scaleX(1); transform-origin: left top }
}
@keyframes rect-motion-out{
0% { transform: scaleX(1); transform-origin: right top;}
100% { transform: scaleX(0);transform-origin: right top;}
}
@keyframes rect-motion-in-left{
0% { transform: scaleX(0); transform-origin: right top }
100% { transform: scaleX(1); transform-origin: right top }
}
@keyframes rect-motion-out-left{
0% { transform: scaleX(1); transform-origin: left top;}
100% { transform: scaleX(0);transform-origin: left top;}
}
以上是关于scss SCSS Rect Motion关键帧的主要内容,如果未能解决你的问题,请参考以下文章
SCSS 的关键帧动画不起作用
scss 关键帧CSS动画Mixin
scss 淡入式关键帧
scss Mixin pour les关键帧
scss Sass - Mixins:动画和关键帧
scss 关键帧mixin