თვისება animation-timing-function

თვისება animation-timing-function ადგენს ანიმაციის ცვლილების სიჩქარეს (აჩქარებას). მაგალითად, თავიდან ნელა, შემდეგ სწრაფად, შემდეგ ნელა და ა.შ.

სინტაქსი

მნიშვნელობები

მნიშვნელობა	აღწერა
ease	თავიდან ნელა, შემდეგ სწრაფად, ბოლოს ისევ ნელა.
ease-in	იწყება ნელა და თანდათან აჩქარებს.
ease-out	იწყება სწრაფად და თანდათან ნელდება.
ease-in-out	თავიდან ნელა, შემდეგ სწრაფად, ბოლოს ისევ ნელა. განსხვავდება ease-ისგან სიჩქარით.
linear	ყოველთვის ერთი და იგივე სიჩქარე.
step-start	ანიმაცია არ არის, თვისება მყისიერად იღებს საბოლოო მნიშვნელობას.
step-end	ანიმაცია არ არის, თვისება ელოდება იმ დროს, რომელიც მითითებულია animation-duraton-ში, შემდეგ კი მყისიერად იღებს საბოლოო მნიშვნელობას.
steps	თვისების მნიშვნელობა იცვლება ნახტომებით.
cubic-bezier	ბეზიეს მრუდი, რომელსაც შეუძლია თვითნებური ანიმაციის დაზუსტება. იხ. ბეზიეს მრუდების გენერატორი.

მნიშვნელობა ნაგულისხმევად: ease.

სხვადასხვა მნიშვნელობების შედარება

მოათავსეთ მაუსი ქვემოთ წარმოდგენილ ბლოკებზე, რომ დაინახოთ ყველა სახის დროის ფუნქციების მუშაობა:

იხილეთ აგრეთვე