Este documento habla sobre CSS 3 y sus nuevas características como border-radius, text-shadow, box-shadow, múltiples imágenes de fondo, opacidades y RGBA. También menciona otras características como gradients, transforms, animaciones, media queries y multi-column layout. El documento recomienda revisar estadísticas en sitios como StatCounter y W3Schools para ver el soporte de navegadores a estas características.

1. Acerca de CSS 3

2. ¿De qué estamos hablando?
¿De qué estamos hablando?

3. ¿De qué estamos hablando?
¿De qué estamos hablando?

4. ¿De qué estamos hablando?
¿De qué estamos hablando?
Do websites need to look exactly the same in
every browser?
http://dowebsitesneedtolookexactlythesameineverybrowser.com/
http://www.designerstoolbox.com/designresources/elements/

5. ¿De qué estamos hablando?
¿De qué estamos hablando?
Do websites need to be experienced exactly the
same in every browser?
http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

6. Qué se puede usar a día de hoy
Qué se puede usar a día de hoy
• border‐radius
• text‐shadow
• box shadow
box‐shadow
• múltiples imágenes de fondo
p g
• opacidades
• RGBA

7. Qué se puede usar a día de hoy
Qué se puede usar a día de hoy

8. border‐radius
border radius
http://www.css3.info/preview/rounded border/
http://www css3 info/preview/rounded-border/

9. text‐shadow
text shadow
http://www.css3.info/preview/text shadow/
http://www css3 info/preview/text-shadow/
http://www.css3exp.com/code/view/

10. box‐shadow
box shadow
http://www.css3.info/preview/box shadow/
http://www css3 info/preview/box-shadow/

11. Múltiples imágenes de fondo
Múltiples imágenes de fondo
http://www.css3.info/preview/multiple backgrounds/
http://www css3 info/preview/multiple-backgrounds/

12. Opacidad y RGBA
Opacidad y RGBA
http://www.css3.info/preview/rgba/
http://www css3 info/preview/rgba/

13. … y mucho más
y mucho más
• css3 gradients
• css3 transforms
• css3 animations
css3 animations
• css3 media queries and multi‐column layout
q y

14. Vigilar las estadísticas
Vigilar las estadísticas
• http://gs.statcounter.com/
•http://www.w3schools.com/browsers/browsers_stats.asp

15. @tantacom
@felixzapata