The Trick to Animating the Dot on the Letter i

Heres the trick: by combining the Turkish letter "" and the period "." we can create something that looks like the letter "i," but is made from two separate elements. This opens us up to some fun options to style or animate the dot of the letter independently from the stalk. Worried about accessibility? Dont worry, well cover that the best way we know how.

Lets look at how to create and style these separate "letters," and find out when … Read article

The post The Trick to Animating the Dot on the Letter “i” appeared first on CSS-Tricks.