CSS
Supporto browser e prefissi
Ricerca…
Parametri
| Prefisso | Browser (s) |
|---|---|
-webkit- | Google Chrome, Safari, versioni più recenti di Opera 12 e versioni successive, Android, Blackberry e UC |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera fino alla versione 12 |
-khtml- | Konquerer |
Osservazioni
I prefissi dei fornitori vengono utilizzati per consentire il supporto dell'anteprima per le nuove funzionalità CSS in cui la funzionalità non è ancora raccomandata dalle specifiche.
Si consiglia di non utilizzare i prefissi dei fornitori negli ambienti di produzione. Questi prefissi esistono per testare nuove funzionalità non ancora finalizzate e il comportamento è intrinsecamente inaspettato. Semplicemente usando i prefissi non si garantisce il supporto del browser per i vecchi browser, poiché non si può garantire che la funzione non sia cambiata nel tempo per avere prestazioni diverse, e potrebbe comunque essere interrotta in quei vecchi browser che si sostiene di supportare.
Se il supporto dei browser più vecchi è importante, dovresti invece considerare l'utilizzo di JavaScript o altre soluzioni per imitare gli effetti e garantire veramente il supporto per i vecchi browser.
I browser utilizzeranno i loro prefissi e ignoreranno le proprietà che non capiscono.
NOTA : i prefissi dovrebbero sempre apparire prima della sintassi ufficiale, non prefissa. Altrimenti verrebbero sovrascritte con le proprietà prefissate, che alla fine potrebbero essere un'altra implementazione.
Se un browser supporta sia una versione non prefissata sia una versione prefissata di una proprietà, la proprietà più recente da dichiarare avrà la precedenza.
transizioni
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Trasformare
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}