Autoplay
Autocomplete
Previous Lesson
Complete and Continue
How to Make Pure CSS Images to Progress With Design-Focused Frontend Development
Introduction to Pure CSS Images
What are pure CSS images? (3:43)
Making Our First Pure CSS Image (23:27)
Improving the Process
Color Inspiration & Selection (3:40)
Color Variables (3:18)
Image Inspiration & Shape Selection (2:56)
Shape Variables (4:02)
Switching to Pug (2:55)
Comments and Naming Conventions (1:39)
Extra Practice
Z-Index Explained With Pizza (9:37)
Making Images Responsive (6:28)
Sketch Logo (18:16)
Adding Some Flair
Intro to CSS Animations (19:54)
CSS Loader (6:51)
Nintendo Switch Tutorial (33:40)
Swirling Creative Juices
Resources for Improving Creativity (3:56)
Finishing Strong
Final Project
Moving Forward (1:57)
Teach online with
Shape Variables
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock