larryaronson.com

CSS3 Goodies

WordCamp
NYC 2010

Rounded Corners

border: thick solid;
  -o-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;

Box Shadows

  -o-box-shadow: 15px 15px 5px #666;
  -moz-box-shadow: 15px 15px 5px #666;
  -webkit-box-shadow: 15px 15px 5px #666;
  box-shadow: 15px 15px 5px #666;

Text Shadows

  -o-text-shadow: 5px 5px 2px #999;
  -moz-text-shadow: 5px 5px 2px #999;
  -webkit-text-shadow: 5px 5px 2px #999;
  text-shadow: 5px 5px 2px #999;

Gradients

  -moz-linear-gradient(100% 100% 90deg, #999, #ccf);
  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

Transform

  transform: rotate(-10deg) scale(1.0) translate(0, 0) skew(0deg, 0deg);
  transform-origin: 0% 0%;

Transition

  transition: <time> <property> <timing-function>
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;