This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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)
What are pure CSS images?
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock