Sling Academy
Home/Tailwind CSS/Styling Text & Images with Tailwind CSS

Styling Text & Images with Tailwind CSS

This series of tutorials will guide you through styling text and images with Tailwind CSS. You will learn how to create simple and advanced fancy effects through practical examples.

1 Styling Figure & Figcaption with Tailwind CSS

2 Tailwind CSS: How to Create Blurred Background Image

3 Text Shadows in Tailwind CSS

4 How to Create Frosted Glass Effect in Tailwind CSS

5 Tailwind CSS: How to place text over an image

6 How to Create a Hero Image with Tailwind CSS

7 Tailwind CSS: Create Image Hover Overlay Effects

8 How to Zoom on Hover with Tailwind CSS (the easiest approach)

9 Tailwind CSS: Create a User Card with Circle Avatar

10 Text Underline in Tailwind CSS

11 Tailwind CSS: How to Disable Text Selection