YoVDO

Learn CSS Transform by Building a Penguin - FreeCodeCamp Curriculum Walkthrough

Offered By: Code with Ania Kubów via YouTube

Tags

Web Design Courses Computer Science Courses Creative Coding Courses

Course Description

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

Related Courses

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)