CSS 3: Etiquetas propias de cada navegador (-webkit, -moz, -ms, -o)


En CSS 3 existen etiquetas nuevas que cada navegador interpreta de forma diferente al no haber un estandar por el que se tengan que regir. Es por ello que por ejemplo, que a la hora de hacer un degradado, o con algunas de las etiquetas nuevas, tengamos que usar diferentes prefijos. Estos prefijos nuevos son los siguientes:

Versión Navegador Prefijo Ejemplo
Firefox 3.6+ -moz -moz-linear-gradient
Chrome, Safari 4 -webkit -webkit-gradient
Crhome 10+, Safari 5.1+ -webkit -webkit-linear-gradient
Opera 11.10+ -o -o-linear-gradient
Internet Explorer 6-9 filter filter
Internet Explorer 10+ -ms -ms-linear-gradient
Estándar W3C Ninguno linear-gradient
Navegadores antiguos Sin soporte No soportan etiquetas de CSS3.

Un ejemplo para hacer gradientes en código CSS 3, sería el siguiente: