Learn CSS Transform by Building a Penguin - FreeCodeCamp Curriculum Walkthrough
Code with Ania Kubów via YouTube
MIT Sloan: Lead AI Adoption Across Your Organization — Not Just Pilot It
Build the Finance Skills That Lead to Promotions — Not Just Certificates
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Follow along with a comprehensive video tutorial that guides you through building a penguin using CSS transforms, as part of the FreeCodeCamp curriculum. Learn essential CSS techniques, including styling, element creation, and advanced transform properties while constructing various components such as the ground, mountains, sun, and penguin body parts. Master the art of separating classes and creating intricate details like the chin, eyes, blush, beak, and shirt to bring your penguin to life.
Syllabus
Intro
Create a new project
Create a style sheet
Add styling
Add ground element
Add penguin element
Add mountain element
Add back mountain element
Add back sun element
Penguin
Penguin Body
Separate Classes
Chin
Eyes
Blush
Beak
Shirt
Taught by
Code with Ania Kubów