A presentation at View Source 2018 in in London, UK by Mandy Michael
@mandy_kerr
Weight Axis
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.
The following resources were mentioned during the presentation or are useful additional information.
A collection of cool and fun text effects made with CSS, including all the examples from my presentation and more.
Here’s what was said about this presentation on social media.
for free. You
can too.