सीएसएस एनिमेटेबल
परिभाषा और उपयोग
कुछ CSS गुण एनिमेटेबल हैं , जिसका अर्थ है कि उनका उपयोग एनिमेशन और ट्रांज़िशन में किया जा सकता है।
एनिमेटेबल गुण धीरे-धीरे एक मान से दूसरे मान में बदल सकते हैं, जैसे आकार, संख्या, प्रतिशत और रंग।
ब्राउज़र समर्थन
तालिका में संख्याएँ पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो CSS एनिमेशन का पूर्ण समर्थन करता है।
-वेबकिट-, -मोज़-, या -ओ- के बाद नंबर एक उपसर्ग के साथ काम करने वाले पहले संस्करण को निर्दिष्ट करें।
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
उदाहरण
पृष्ठभूमि-रंग को लाल से नीले रंग में चेतन करें:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
एनिमेटेड गुण
ये गुण CSS में एनिमेटेबल हैं :