Materiālu dizaina standarta atvieglošanas līkne
Izveidojiet pielāgotu CSS cubic-bezier() laika funkciju, velkot divus kontrolpunktus, priekšskatiet to tiešraidē pret lineāro atsauci, pēc tam kopējiet gatavu vērtību.
Rezultāts
Šajā lapā tiek atvērts ģenerators ar jau ielādētu x1=0.4, y1=0, x2=0.2, y2=1 — standarta mīkstināšanas līkni, kas publicēta Google materiālu dizaina kustības vadlīnijās. Velciet vai nu rokturi, vai rediģējiet skaitļus un līkni, tiešraides priekšskatījumu un kopējamo CSS atjauninājumu kopā.
Materiālu dizains šo līkni sauc par "standarta atvieglošanu" un iesaka to lielākajai daļai ekrāna pāreju — elementiem, kas jau ir redzami un vienkārši pārvietojas, maina izmērus vai izgaist tajā pašā ekrānā. Tā forma ātri paātrina, pēc tam viegli palēninās savā vietā, tāpēc tik daudzām Android lietotnēm un materiāla stila tīmekļa lietotāja saskarnēm ir tāda pati pārejas sajūta, nevienam nepamanot, ka izmanto vienus un tos pašus četrus ciparus.
Ievietojiet to tieši pārejas laika funkcijā vai animācijas laika funkcijā, lai nodrošinātu materiāla konsekventu sajūtu, vai izmantojiet to kā atskaites punktu: Materiāla vadlīnijās ir noteiktas arī atsevišķas "palēnināšanas" un "paātrināšanas" līknes elementiem, kas ienāk ekrānā vai iziet no tā, un šī vienotā standarta līkne nav paredzēta, lai to aizstātu.