advanced code snippet search

Posted By

firewalker06 on 01/22/11


Tagged

CSS3 LESSCSS


Versions (?)

Who likes this?

8 people have marked this snippet as a favorite

toltmanns
TraceyM
f1r3fl3x
McWatt
jackomono
variantstudios
spee66
davidmaus


LESS CSS3

 / Published in: CSS
 

URL: http://lesscss.org/

I'm tired of writing vendor styles, until I found LESS CSS

Expand | Embed | Plain Text 
  1. .rotate(@deg: 7deg){
  2.   -webkit-transform: rotate(@deg);
  3.   -moz-transform: rotate(@deg);
  4.   -o-transform: rotate(@deg);
  5.   transform: rotate(@deg);
  6. }
  7. .box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
  8.   @val: @x @y @blur rgba(0, 0, 0, @alpha);
  9.   box-shadow: @val;
  10.   -webkit-box-shadow: @val;
  11.   -moz-box-shadow: @val;
  12. }
  13. .transition(@property, @duration, @effect){
  14.   @val: @property @duration @effect;
  15.   -webkit-transition: @val;
  16.   -moz-transition: @val;
  17.   -o-transition: @val;
  18.   transition: @val;
  19. }
  20. .scale(@mod){
  21.   -moz-transform: scale(@mod);
  22.   -webkit-transform: scale(@mod);
  23.   -o-transform: scale(@mod);
  24.   transform: scale(@mod);
  25. }
  26. .rotate-and-scale(@deg,@mod){
  27.   -moz-transform: scale(@mod) rotate(@deg);
  28.   -webkit-transform: scale(@mod) rotate(@deg);
  29.   -o-transform: scale(@mod) rotate(@deg);
  30.   transform: scale(@mod) rotate(@deg);
  31. }
  32. .border-radius(@rad){
  33.   -moz-border-radius: @rad;
  34.   -webkit-border-radius: @rad;
  35.   border-radius: @rad;
  36. }

Report this snippet  

You need to login to post a comment.