Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Tell an Engaging Story With the Help of CSS

Kevin Powell via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore innovative storytelling techniques using CSS in this 46-minute video tutorial. Learn how to leverage position sticky to create engaging web narratives. Discover creative applications of CSS properties including grid layouts, hidden messages, gradient backgrounds, dynamic font sizing, and pseudo-elements. Master advanced techniques such as z-index manipulation, parallax effects, and fade transitions. Gain insights into calculating transparency, optimizing padding, and incorporating background images to enhance your storytelling. Apply these skills to craft visually captivating and interactive web experiences that bring your stories to life.

Syllabus

Intro
Body
Background
Sticky top
Grid gap
Hidden message
Gradient background
Changing font size
Changing the background
Pseudo elements
Index
Linear Gradient
Background Colors
Calculating Transparency
Not the end
More padding
Text size
Background image
Color
Thumbnails
Zindex
Parallax
Fade
Wrap up

Taught by

Kevin Powell

Reviews

Start your review of How to Tell an Engaging Story With the Help of CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.