Info Propiedad con prefijo de proveedor sin su versión estándar
Por qué -webkit-transform debería ir junto a una declaración transform plana, no reemplazarla, y para qué propiedades importa esto hoy.
El validador marca una propiedad con prefijo de proveedor (-webkit-, -moz-, -ms-, -o-) de una lista revisada — transform, transition, animation, box-shadow, appearance, user-select, box-sizing, backdrop-filter, mask, clip-path, filter, hyphens y background-clip — que aparece en una regla sin ninguna declaración sin prefijo correspondiente junto a ella.
Ejemplo
/* Marcado: solo con prefijo */
.tarjeta { -webkit-transform: scale(1.05); }
/* Correcto: con prefijo junto a la propiedad estándar */
.tarjeta {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}Por qué importa
Los prefijos de proveedor históricamente estaban pensados como un puente temporal mientras una función CSS todavía era experimental en un motor de navegador dado, con la expectativa de que la propiedad estándar sin prefijo también se incluyera — la versión con prefijo como respaldo para versiones más antiguas del motor, la propiedad plana para todo lo demás, incluyendo navegadores futuros. Escribir solo la versión con prefijo, a menudo copiada y pegada de un fragmento o tutorial viejo, significa que cualquier navegador que nunca implementó (o desde entonces eliminó) ese prefijo específico no recibe ningún estilo. La mayoría de las propiedades que revisa esta verificación se han estandarizado y soportado ampliamente sin prefijo durante años, lo cual generalmente hace que la versión con prefijo sola sea completamente innecesaria — pero emparejarla con la propiedad estándar no cuesta nada y es la opción más segura por defecto.
Frequently asked questions
¿Todavía necesito prefijos de proveedor hoy en día?
Para la mayoría de las propiedades que cubre esta revisión — transform, transition, animation, box-shadow — no, los navegadores modernos han soportado la versión sin prefijo durante años. Algunas propiedades (appearance, user-select, backdrop-filter en Safari más antiguo) todavía se benefician de un respaldo con prefijo para mayor compatibilidad.
¿Por qué esto solo marca una lista específica de propiedades?
Algunas propiedades con prefijo de proveedor, como -webkit-line-clamp o -webkit-font-smoothing, no tienen ningún equivalente estandarizado sin prefijo — marcarlas como "falta un emparejamiento estándar" sería un falso positivo. La lista revisada se limita a propiedades que sí tienen una contraparte estándar real con la que vale la pena emparejarse.