Creative Text Effects with CSS

A presentation at Singapore CSS by Mandy Michael

Interesting and impactful text is often deemed a “print only option”. But we can have those effects now with real web text.

So let’s have some fun with text! In this talk, Mandy will show you how to make effects with accessible, searchable, and selectable text (Without the need for complicated markup or JavaScript).

We’ll explore a variety of techniques including pseudo elements, clip-path, blend modes, gradients, transforms, variable fonts and more to create interesting headings, layouts and even emojis.

Sometimes it’s easy to forget the power of CSS but there is a lot you can do with a little creativity.

Video

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on social media.