public marks

PUBLIC MARKS from manimanu with tags css & animation

09 February 2015 12:15

Twitter's "fave" animation

by 1 other
Twitter recently updated the design of their “fave” (also known as “fav”) button, introducing a new animation. Rather than rely on CSS transitions, the animation makes use of a series of images. Here’s how to recreate the animation using the CSS animation steps timing function.

manu's TAGS related to tag css

animation +   clip-path +   css4 +   fave +   formula +   free +   grid +   grid-framework +   guidelines +   hexagon +   js +   layout +   overlay +   Parallax +   perf +   scroll +   sticky +   svg +   transition +   twitter +