Coursera Plus Annual is 40% Off — Ends June 29.

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

egghead.io

Use CSS to Create Art and Illustrations

via egghead.io

Go to class Write review
Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More → Simplilearn Ad

Pass the PMP® Exam on Your First Try — Expert-Led Training

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
In this collection, we explore creating CSS art and illustrations by walking through creating the Egghead.io logo with CSS.
We walk through everything from planning and creating a responsive foundation, to creating shading effects with box-shadow.

Syllabus

  • Create a Responsive Unit and Container as the Foundation for a CSS Illustration
  • Plan the HTML Markup for a CSS Illustration
  • Create Complex Shapes with CSS Clip Path and Border Radius
  • Use CSS Transform and Border Radius to Create Complex Shapes
  • Use CSS Classes to Reuse and Override Styles
  • Use Oversized Elements with CSS Clip Path to Create Complex Curves
  • Use a CSS Polygon Clip Path to Create Complex Shapes
  • Add Depth to a CSS Illustration with Box Shadow

Taught by

Jhey Tompkins

Reviews

Start your review of Use CSS to Create Art and Illustrations

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.