CSS3 Vendor Prefixing mixin
This is an useful mixin that help us to add vendor prefix when we use CSS3
Simply add this mixin to css3 properties that need to add vendor.
Mixin definition
@mixin css3vendor( $property , $value ) {
@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
#{$prefix}#{$property}: $value;
}
}
Mixin usage
.aClass{
@include css3vendor( transition , 0.5s ); //example
}
Written by Fabio Marasco
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Sass
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#