Ist es möglich, CSS3-Pretag zu vermeiden? - html, css, html5, css3

Ist es möglich, den CSS3-Pretag (-webkit-, -ms-, -o-) zu vermeiden, um den Quelltext kurz und einfach zu halten, weil ich auf meiner Website viel CSS3 verwende.

Beispielsweise:

.scroll-up:hover:before {
animation-delay: 0s;
animation-duration: 0.65s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-name: scrollUp;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
-webkit-animation-duration: 0.65s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-name: scrollUp;
-webkit-animation-timing-function: ease-out;
-ms-animation-delay: 0s;
-ms-animation-duration: 0.65s;
-ms-animation-fill-mode: forwards;
-ms-animation-iteration-count: 1;
-ms-animation-name: scrollUp;
-ms-animation-timing-function: ease-out;
-o-animation-delay: 0s;
-o-animation-duration: 0.65s;
-o-animation-fill-mode: forwards;
-o-animation-iteration-count: 1;
-o-animation-name: scrollUp;
-o-animation-timing-function: ease-out;
}

Antworten:

Wenn die Hersteller-Präfixe für den Ziel-Browserbereich erforderlich sind, müssen Sie diese angeben.

Sie können Präprozessoren wie Sass und Bibliotheken mögen Bourbon um Ihren Arbeitscode zu vereinfachen, oder verwenden Sie einen Postprozessor wie Autoprefixer oder -prefix-frei um deinen Code anzupassen, nachdem du ihn geschrieben hast.

Sie können verwenden http://caniuse.com/ um zu überprüfen, ob Sie die Präfixe wirklich benötigen oder nicht, sowie Kompatibilitätstabellen an MDN.