sass封装h5适配文件
生活随笔
收集整理的這篇文章主要介紹了
sass封装h5适配文件
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
@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;}}}}
}
總結(jié)
以上是生活随笔為你收集整理的sass封装h5适配文件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 被子弹击中后会铅污染吗？
- 下一篇： “俄军苏-27干翻美军无人机”？