Beautiful text or typography will make your design look attractive. In web design, CSS helps to give style to design including various effects in text or typography. With CSS, you can use clipping and add animation to text to spice things up a little.
For more things you can do with CSS, check out:
- 18 cool things you won’t believe were built using CSS
- 30 jQuery text effect libraries you need to know
- How to create heart shape with CSS
- Animate.css – CSS3 library to create animation easily
Yoksel animates the stroke of the text with a cool color scheme. This effect is made with CSS and SVG. The result is awesome!
Want to make effects that look like a broken analog TV? Dirk Weber made this stunning glitch effect using CSS and SVG filter.
This idea by Robet Messerle gives the knife sliced effect, done with less than 70 lines of CSS.
Long Shadow effect comes to text, made using CSS. The creator, Juan Brujo made 4 other effects but this is easily the most impressive one.
Andreas creates an awesome cinematic foggy effect. Applicable on Webkit browsers only.
A design by Marco Barria shows an elegant text masking effect on a large background image.
Yoann created an awesome ticker effect with this text animation. Watch how the second word alternates between three words.
This 3D effect by ThatGuySam is a simple play on text-shadows, but with an awesome result.
Jintos was playing around with a Webkit background clip to add a background image inside text. He made 16 cool creations using this method.
Moklik added dimmed light effect to the text, giving you intermittent flashes that warn of danger from afar.
Now this is an elegant and inspiring logo. It is also suitable for use for “Cosmos”, because orbits, get it?
A cool loading effect that is simply the hiding and displaying of letters.