我的项目中有以下scss文件
&.care-loading-icon{
.glyphicon-refresh-animate {
@include care-loading-animation
}
@keyframes spin {
from {
transform: scale(1) rotate(0deg);
}
to {
transform: scale(1) rotate(360deg);
}
}
@-webkit-keyframes spinw {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinm {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
}
我想知道是否有任何方法可以用波旁威士忌简化此过程？
看起来，从文档中可以使用mixinkeyframes简化关键帧的实现。
像这样
@include keyframes(spin) {
from { @include transform(0deg); }
to { @include transform(360deg); }
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句