Anyagkialakítás szabványos könnyítési görbe
Tervezzen meg egy egyéni CSS cubic-bezier() időzítési függvényt két vezérlőpont húzásával, tekintse meg élőben a lineáris referenciával szemben, majd másolja a kész értéket.
Eredmény
Ez az oldal megnyitja a generátort, ahol az x1=0,4, y1=0, x2=0,2, y2=1 már betöltött – ez a szabványos könnyítési görbe, amelyet a Google Material Design mozgási irányelveiben tettek közzé. Húzza a kezelt vagy szerkessze a számokat és a görbét, az élő előnézetet és a másolható CSS-frissítést együtt.
A Material Design ezt a görbét "szabványos könnyítésnek" nevezi, és a legtöbb képernyő-átmenethez ajánlja – olyan elemekhez, amelyek már láthatóak, és egyszerűen mozognak, átméreteznek vagy elhalványulnak ugyanazon a képernyőn. Formája gyorsan felgyorsul, majd finoman lelassul a helyére, ezért sok Android-alkalmazás és anyagszerű webes felhasználói felület ugyanazt az átmenet érzést osztja anélkül, hogy bárki észrevenné, hogy ugyanazt a négy számot használja.
Dobja be közvetlenül az átmeneti időzítés funkcióba vagy az animáció időzítési funkciójába az Anyag-konzisztens érzés érdekében, vagy használja referenciapontként: Az anyag irányelvei külön „lassítási” és „gyorsítási” görbéket is meghatároznak a képernyőre belépő vagy onnan elhagyó elemek számára, amelyeket ennek az egyetlen szabványos görbének nem célja helyettesíteni.