Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
LESS: CSS3 MIXINS
.gradient(@args){
background-image: -webkit-linear-gradient(@args);
background-image: -moz-linear-gradient(@args);
background-image: -ms-linear-gradient(@args);
background-image: -o-linear-gradient(@args);
background-image: linear-gradient(@args);
}
.border-radius(@args){
-webkit-border-radius: @args;
-moz-border-radius: @args;
border-radius: @args;
}
.box-shadow(@args) {
-webkit-box-shadow: @args;
-moz-box-shadow: @args;
box-shadow: @args;
}
.transition(@args){
-webkit-transition: @args;
-moz-transition: @args;
-ms-transition: @args;
-o-transition: @args;
transition: @args;
}
.transform(@args){
-webkit-transform: @args;
-moz-transform: @args;
-ms-transform: @args;
-o-transform: @args;
transform: @args;
}
.transform-origin(@args){
-webkit-transform-origin: @args;
-moz-transform-origin: @args;
-ms-transform-origin: @args;
-o-transform-origin: @args;
transform-origin: @args;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment