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

  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.