Dado que realmente no me molesta la compatibilidad con versiones anteriores (estoy explorando el diseño basado en CSS3 y HTML5, en lugar de depender de gráficos, etc.) ¿cuáles son los beneficios de usar css como:
-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc;
Sobre solo usar:
box-shadow: 3px 3px 5px 6px #ccc;
Este último parece funcionar bien en la mayoría de los navegadores modernos (¡excepto lo obvio!: P mirándote IE! Aunque supongo que probablemente funcione en IE9, pero no puedo probarlo porque estoy en una Mac en este momento) .
¿Estoy viendo cosas? ¿Necesitamos usar el código específico del navegador anterior? ¿O todos los navegadores están avanzando hacia el soporte de los estándares?
Realmente depende de qué características y qué navegadores quieres que sean totalmente compatibles. Incluso ahora algunos navegadores están rezagados.
Aquí hay una guía realmente excelente: http://caniuse.com/
Todos los navegadores generalmente avanzan hacia el soporte de estándares.
Hay dos problemas
Por estas dos razones, seguimos usando reglas de CSS con prefijo de proveedor en nuestras hojas de estilo.
El único prefijo que necesita ahora es el -webkit para Chrome y Safari Support. Se necesita Webkit para -webkit-animation, -webkit-font-feature-settings, display: -webkit-flex, -webkit-filter, etc.
-ms, -o y -moz brindan soporte para navegadores que incluso sus propias compañías han dejado de soportar.