CSS

CSS

CSS is crucial for styling web pages. This Skill Tree offers a systematic way to learn CSS. Ideal for web development beginners, it provides a clear roadmap to grasp selectors, layout, and responsive design. Hands - on, non - video courses and coding exercises in an interactive CSS playground help you develop practical skills to create visually appealing and responsive websites.

28 skills|1 courses|49 projects
Quick Start with CSS
Quick Start with CSS
Quick Start with CSS

Quick Start with CSS

Beginner
CSS
In this course, you will try to understand the basics of CSS and how to use it to style your web pages. At the end of this course, you will be able to create a simple web page with CSS.
0%
100 labs
Start with Pet's House
CSS Fundamentals
Layout and Positioning
Text and Typography
Visual Effects and Patterns
Advanced Interactions and Animations
Create Interactive CSS Popout Menu
Horizontal Scroll Snap
Vertical Scroll Snap
Scroll Progress Bar
Enhancing Form Interactivity with CSS Focus-Within
Show Additional Content on Hover
Button Fill Animation
Button Grow Animation
Button Shrink Animation
Crafting Pulsing CSS Loader Animation
CSS Techniques for Visually Appealing Designs
Zoom in Zoom Out Animation
Button Border Animation
Hover Shadow Box Animation
Image Rotate on Hover
Smooth Transition of Dynamic Heights
Perspective Transform on Hover
CSS Fundamentals for Web Styling
Squiggle Link Hover Effect
Responsive Web Design with CSS
Staggered CSS Animation for List Elements
Create CSS Toggle Switch
Image Gallery with Vertical Scroll
Card with Image Cutout
Button Swing Animation
Create Rotating Card with CSS
Image Gallery with Horizontal Scroll
Hover Underline Animation
Menu on Image Hover
Navigation List Item Hover and Focus Effect
Custom Radio Button
Mouse Cursor Gradient Tracking
Creating Typewriter Effect with HTML CSS JavaScript
List with Floating Section Headings
Bouncing CSS Animation Loader
3D Rotating Cube
Image Overlay on Hover
Animated Social Sharing Buttons with CSS
Animated Checkbox Styling with CSS
Responsive Masonry Layout with CSS
Image with Text Overlay
Shake on Invalid Input
Fallback for Images That Fail to Load
Input with Prefix
Hide Empty Elements
Style Links with No Text
Explore Related Skill Trees
Web Development

Web Development

Unlock Your CSS Skills
Completed 0
Locked 28