Exempel CSS 3

gistfile1.css

/* Rundade hörn */
.rounded {
    border-radius: 5px;
}

/* Skuggade div:s och andra element, flera alternativ behövs eftersom opera, mozilla och webkit-browsers tolkar CSS något olika */
.box-shadowed {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

/* Animationer som reagerar på användaren */
div.fade {
    background-color: #fff;
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
}

div.fade:hover {
    background-color: #f0c;
}