CSS
Webbläsarsupport och prefix
Sök…
parametrar
| Prefix | Webbläsare (s) |
|---|---|
-webkit- | Google Chrome, Safari, nyare versioner av Opera 12 och senare, Android-, Blackberry- och UC-webbläsare |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera tills version 12 |
-khtml- | Konquerer |
Anmärkningar
Säljarprefix används för att tillåta förhandsgranskningsstöd för ny CSS-funktionalitet där funktionaliteten ännu inte rekommenderas av specifikationen.
Det rekommenderas att du inte använder leverantörsprefix i produktionsmiljöer. Dessa prefix existerar för att testa ny funktionalitet som ännu inte är klar och beteendet är i sig oväntat. Att helt enkelt använda prefix ger inte webbläsarsupport för gamla webbläsare eftersom du inte kan garantera att funktionen inte har förändrats över tid för att fungera annorlunda, och det kan fortfarande brytas i de gamla webbläsarna som du påstår stödja.
Om det är viktigt att stödja äldre webbläsare, bör du istället överväga att använda JavaScript eller andra lösningar för att imitera effekterna och verkligen garantera stöd för gamla webbläsare.
Webbläsare kommer att använda sina prefix och ignorera egenskaperna de inte förstår.
OBS ! Prefix ska alltid visas före den officiella, oförberade syntaxen. Annars skulle de skrivas över med de prefixade egenskaperna, vilket kan vara en annan implementering i slutändan.
Om en webbläsare stöder både en oprepad och förinställd version av en egenskap kommer den senaste egenskapen som ska deklareras att ha företräde.
övergångar
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Omvandla
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}