स्रोत कोड को छोटा और आसान बनाए रखने के लिए CSS3-Pretag (-webkit-, -ms-, -o-) से बचना संभव है क्योंकि मैं अपनी वेबसाइट पर बहुत सारे CSS3 का उपयोग करता हूं।
उदाहरण के लिए:
.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;
}
उत्तर:
जवाब के लिए 0 № 1यदि वेंडर उपसर्ग आपके लक्ष्य ब्राउज़र रेंज के लिए आवश्यक हैं, तो नहीं - आपको उन्हें शामिल करना होगा।
आप पूर्वप्रक्रमकों का उपयोग कर सकते हैं जैसे सास और पुस्तकालयों की तरह बर्बन अपने काम करने के कोड को सरल बनाने के लिए, या पोस्ट प्रॉसेसर जैसे का उपयोग करें Autoprefixer या -prefix मुक्त इसे लिखने के बाद अपना कोड समायोजित करने के लिए।
आप उपयोग कर सकते हैं http://caniuse.com/ यह जांचने के लिए कि क्या आपको वास्तव में उपसर्गों की आवश्यकता है या नहीं, साथ ही संगतता तालिकाओं पर भी MDN.