Skip to content

Instantly share code, notes, and snippets.

@thomasplevy
Created April 26, 2012 03:45
Show Gist options
  • Save thomasplevy/2495621 to your computer and use it in GitHub Desktop.
Save thomasplevy/2495621 to your computer and use it in GitHub Desktop.
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