• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

• Big /
• Small

Posted By

kanouf on 09/27/10

Tagged

CSS3 transition less lessjs

Versions (?)

05/20/11 04:36am10/07/10 04:00am09/27/10 09:41am

Who likes this?

4 people have marked this snippet as a favorite

kele5240
bobbym245
jplr
LeeRJohnson

 / Published in: CSS

 

.transition(@obj:all, @time:.5s, @easing:easeOut){
  transition: @obj @time @easing;
  -moz-transition: @obj @time @easing;
  -ms-transition: @obj @time @easing;
  -o-transition: @obj @time @easing;
  -webkit-transition: @obj @time @easing;}

Report this snippet   Tweet

Comments

Subscribe to comments

Posted By: kanouf on September 27, 2010

Then use as follow in your style.less file :

.example {
     .transition(all, .5s, ease-out);
}