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

YouTube

Learn CSS Transform by Building a Penguin - FreeCodeCamp Curriculum Walkthrough

Code with Ania Kubów via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Learn CSS Transform by Building a Penguin - FreeCodeCamp Curriculum Walkthrough

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.