CSS ანიმაციის გენერატორი ზარმაცი ადამიანებისთვის.
CSS ანიმაციები
CSS საშუალებას აძლევს HTML ელემენტების ანიმაციას JavaScript-ის ან Flash-ის გამოყენების გარეშე
ამ თავში თქვენ გაეცნობით შემდეგ თვისებებს:
- @keyframes
- ანიმაცია-სახელი
- ანიმაცია-ხანგრძლივობა
- ანიმაცია-დაყოვნება
- ანიმაცია-გამეორება-თვლა
- ანიმაცია-მიმართულება
- ანიმაცია-დროის ფუნქცია
- ანიმაციის შევსების რეჟიმი
- ანიმაცია
ბრაუზერის სპეციფიკური პრეფიქსები
ზოგიერთ ძველ ბრაუზერს სჭირდება კონკრეტული პრეფიქსები (-webkit-) ანიმაციის თვისებების გასაგებად
რა არის CSS ანიმაციები?
ანიმაცია საშუალებას აძლევს ელემენტს თანდათან შეიცვალოს ერთი სტილიდან მეორეში.
თქვენ შეგიძლიათ შეცვალოთ CSS იმდენი თვისება, რამდენჯერაც გსურთ.
CSS ანიმაციის გამოსაყენებლად, ჯერ უნდა მიუთითოთ ანიმაციისთვის რამდენიმე ძირითადი ჩარჩო.
Keyframes ინახავს რა სტილს ექნება ელემენტი გარკვეულ დროს.
@keyframes წესი
როდესაც თქვენ მიუთითებთ CSS სტილებს @keyframes წესში, ანიმაცია თანდათან შეიცვლება ამჟამინდელი სტილიდან ახალ სტილში გარკვეულ დროს.
