當前位置：
首頁 >
sass封装h5适配文件
發布時間：2024/9/27
38
豆豆
生活随笔
收集整理的這篇文章主要介紹了
sass封装h5适配文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
@charset "UTF-8";
/**
使用方法
@include keyframes(anMeinv,(0%:(background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),background-size: pxToRem(165) pxToRem(157)),50%:(background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),background-size: pxToRem(265) pxToRem(257)),75%:(background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),background-size: pxToRem(565) pxToRem(657)),100%:(background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),background-size: pxToRem(465) pxToRem(557))
));
@include animation(anMeinv 2s ease-out forwards);*/$browserPrefix:('-webkit-','-moz-','-ms-','-o-','');
@mixin transition($obj){@each $i in $browserPrefix{#{$i}transition:$obj;}
}
@mixin transform($obj){@each $i in $browserPrefix{#{$i}transform:$obj;}
}
@mixin animation($obj){@each $i in $browserPrefix{#{$i}animation:$obj;}
}
@mixin keyframes($name,$obj){@-webkit-keyframes #{$name}{@each $i,$val in $obj{#{$i}{@each $j,$val2 in $val{#{$j}:$val2;}}}}@-moz-keyframes #{$name}{@each $i,$val in $obj{#{$i}{@each $j,$val2 in $val{#{$j}:$val2;}}}}@-ms-keyframes #{$name}{@each $i,$val in $obj{#{$i}{@each $j,$val2 in $val{#{$j}:$val2;}}}}@-o-keyframes #{$name}{@each $i,$val in $obj{#{$i}{@each $j,$val2 in $val{#{$j}:$val2;}}}}@keyframes #{$name}{@each $i,$val in $obj{#{$i}{@each $j,$v in $val{#{$j}:$v;}}}}
}
總結
以上是生活随笔為你收集整理的sass封装h5适配文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 被子弹击中后会铅污染吗？
- 下一篇： 有问有答 | AWS使用精华问答，带您开