CSS
Soporte de navegador y prefijos
Buscar..
Parámetros
| Prefijo | Navegador (s) |
|---|---|
-webkit- | Google Chrome, Safari, versiones más recientes de Opera 12 y versiones posteriores, navegadores Android, Blackberry y UC |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera hasta la versión 12 |
-khtml- | Konquerer |
Observaciones
Los prefijos de proveedores se utilizan para permitir el soporte de vista previa para la nueva funcionalidad CSS donde la especificación aún no recomienda la funcionalidad.
Se recomienda que no utilice prefijos de proveedores en entornos de producción. Estos prefijos existen para probar nuevas funcionalidades que aún no están finalizadas, y el comportamiento es inherentemente inesperado. El simple uso de prefijos no otorga compatibilidad con el navegador para los navegadores antiguos, ya que no puede garantizar que la función no haya cambiado con el tiempo para tener un rendimiento diferente, y aún podría estar descompuesto en los navegadores antiguos que dice ser compatibles.
Si es importante admitir navegadores más antiguos, debería considerar utilizar JavaScript u otras soluciones para imitar los efectos y garantizar realmente la compatibilidad con navegadores antiguos.
Los navegadores usarán sus prefijos e ignorarán las propiedades que no entienden.
NOTA : Los prefijos siempre deben aparecer antes de la sintaxis oficial, sin prefijo. De lo contrario, se sobrescribirían con las propiedades prefijadas, lo que puede ser otra implementación al final.
Si un navegador admite una versión sin prefijo y prefijada de una propiedad, la propiedad más reciente que se declarará tendrá prioridad.
Transiciones
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Transformar
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}