Last Updated: February 25, 2016
·
580
· marbio

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
}