CSS Notes

box-shadow generator from Photoshop Drop Shadow

Gradients

http://gradients.glrzad.com/

background-image: -moz-linear-gradient(center bottom , #FEECCF 36%, #FFFFFF 87%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.36, rgb(254,236,207)), color-stop(0.87, rgb(255,255,255)));

Rounded corners

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

Just the bottom-left corner:

-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius:6px;

list: custom bullets

  • to center the bullets vertically, give line-height the same value as the bullet height

Feedback