Apresentando um pouco do que há de novo no CSS3

1. CSS3 e HTML5 Flávia Siqueira BluesoftLabs

4. Border-image: podemos adicionar imagens as bordas

6. -moz-border-radius: é o comando que fará o border-radius funcionar no Firefox ou em outro navegador da Mozilla.

9. 60 - amarelo

10. 120 - verde

11. 180 - ciano

12. 240 - azul

13. 300 - púrpura

14. 360 - vermelha

15. O segundo valor é para a saturação (saturation) da cor. O seu valor é expresso em porcentagem. Um valor igual a 100% representa saturação total da cor e 0 é um leve sombreado cinza de saturação. O terceiro valor é para a luminosidade (lightness). O seu valor é expresso em porcentagem. Um valor igual a 100% resulta em cor branca e 0 em cor preta, sendo 50% o valor normal. 1.* { color: hsl(0, 100%, 50%) } /* vermelho */ 2.* { color: hsl(120, 100%, 50%) } /* verde */ 3.* { color: hsl(120, 100%, 25%) } /* verde escuro */ 4.* { color: hsl(120, 100%, 75%) } /* verde claro */ 5.* { color: hsl(120, 75%, 75%) } /* verde pastel */

18. Múltiplas sombras e valores negativos text-shadow: #000 1px 1px 1px, #FFF -1px -1px 1px; -webkit-text-shadow: para Safari -moz-text-shadow: para Firefox Até o momento o IE não suporta o CSS3

20. Cuidado com os exageros...