Justerade bezier-kurvor

Tweet about this on Twitter0Share on LinkedIn0Google+0

Sajten använder transitions sparsamt för några hover-effekter bland annat. Har nu djupdykt i timing-funktionerna, dels inspirerad av Material Design Guidelines teorier om massa och vikt, och dels för att se om jag kunde ändra känslan som förmedlas.

Har nu bytt den lite trista standardiserade ease-in-out (nästan alla har den) mot en enligt Material Design rekommenderad bezier-kurva för saker som kommer in på skärmen. Ja, just det. Saker som kommer in på skärmen. Saker som åker ut ur skärmen har andra timings.

Så nu kör jag med kurvan cubic-bezier(.4,0,.2,1) som jag testat mig fram till. Känns lite mer alert på nåt vis. Tycker den funkar fint.

Du kan själv testa tidsfunktionen med de fyra variablerna här.

Läs mer om sajten

(Det här blogginlägget har lästs 1579 gånger.)

Tweet about this on Twitter0Share on LinkedIn0Google+0