CSS
Browserondersteuning en voorvoegsels
Zoeken…
parameters
| Voorvoegsel | Browser (s) |
|---|---|
-webkit- | Google Chrome, Safari, nieuwere versies van Opera 12 en hoger, Android-, Blackberry- en UC-browsers |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera tot versie 12 |
-khtml- | konquerer |
Opmerkingen
Leveranciersvoorvoegsels worden gebruikt om preview-ondersteuning voor nieuwe CSS-functionaliteit mogelijk te maken wanneer de functionaliteit nog niet wordt aanbevolen door de specificatie.
Het wordt aanbevolen om geen prefixen van leveranciers te gebruiken in productieomgevingen. Deze voorvoegsels bestaan om nieuwe functionaliteit te testen die nog niet is voltooid en gedrag is inherent onverwacht. Het gebruik van voorvoegsels biedt geen browserondersteuning voor oude browsers, omdat u niet kunt garanderen dat de functie in de loop van de tijd niet is veranderd om anders te presteren, en het kan nog steeds worden verbroken in die oude browsers die u beweert te ondersteunen.
Als ondersteuning van oudere browsers belangrijk is, moet u in plaats daarvan overwegen JavaScript of andere oplossingen te gebruiken om de effecten te imiteren en ondersteuning voor oude browsers echt te garanderen.
Browsers gebruiken hun voorvoegsels en negeren de eigenschappen die ze niet begrijpen.
OPMERKING : Voorvoegsels moeten altijd vóór de officiële, niet-vooraf vastgestelde syntaxis verschijnen. Anders zouden ze worden overschreven met de vooraf bepaalde eigenschappen, wat uiteindelijk een andere implementatie kan zijn.
Als een browser zowel een niet-vooraf gecodeerde als een vooraf gecodeerde versie van een eigenschap ondersteunt, heeft de meest te declareren eigenschap voorrang.
Transitions
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Transformeren
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
