આળસુ લોકો માટે CSS એનિમેશન જનરેટર.
CSS એનિમેશન
CSS JavaScript અથવા Flash નો ઉપયોગ કર્યા વિના HTML પાસના એનિમેશન શક્તિ આપે છે
આ પ્રકરણમાં તમે નીચેના લક્ષણો વિશે શીખી રહ્યાં છો:
- @keyframes
- એનિમેશન-નામ
- એનિમેશન-સમયગાળો
- એનિમેશન-વિલંબ
- એનિમેશન-પુનરાવૃત્તિ-ગણતરી
- એનિમેશન-દિશા
- એનિમેશન-ટાઇમિંગ-ફંક્શન
- એનિમેશન-ફિલ-મોડ
- એનિમેશન
બ્રાઉઝર ચોક્કસ સેવાસર્ગ
કેટલાક જૂના બ્રાઉઝર વિશ્લેષક એનિમેશન ગુણધર્મો માટે ચોક્કસ એવિસર્ગ (-વેબકિટ-)ની જરૂર છે
CSS એનિમેશન શું છે?
એનિમેશન તત્વને ધીમે ધીમે એક શૈલીથી બીજી શૈલીમાં બદલાવ આવે છે.
તમે ઇચ્છો તેટલી CSS પ્રોપર્ટીઝ તમે ઇચ્છો તેટલી વખત બદલી શકો છો.
CSS એનિમેશનનો ઉપયોગ કરવા માટે, પહેલા એનિમેશન માટે ચોક્કસ કીફ્રેમનો ઉલ્લેખ કરવો જોઈએ.
કીફ્રેમ ચોક્કસ સમયે તત્વની શૈલીઓ તે ધરાવે છે.
@keyframes
જ્યારે તમે @keyframes સ્તરની અંદર CSS શૈલીની સ્પષ્ટતા કરો છો, ત્યારે એનિમેશન ચોક્કસ વર્તમાન શૈલીથી નવી શૈલી બદલો.