Learn essential CSS techniques in this comprehensive 1 hour 30 minute tutorial. Master CSS transitions and animations, including background transitions and 3D depth effects. Explore advanced concepts like box-shadow, neomorphism, and dark mode UI toggle using prefers-color-scheme. Dive into SASS as an alternative to traditional CSS. Discover responsive design techniques with media queries and understand the differences between absolute and relative positioning. Create engaging text animations, implement progress bars, and utilize CSS transform properties. Enhance your web design skills by learning text decoration and how to create modals using HTML, CSS, and JavaScript.
Overview
Syllabus
CSS Transition and Animation with background transition.
CSS box-shadow effects, 3D Depth, Transitions & Neomorphism.
Dark Mode UI Toggle: Tutorial using CSS prefers-color-scheme.
SASS Tutorial: Learn SASS instead of CSS.
Tutorial on CSS Background Image and Transitions.
CSS Media Queries Tutorial for Responsive Design.
CSS Position Absolute vs Relative Tutorial.
CSS Text Animation Tutorial.
Html Progress Bar Tutorial.
CSS Transform.
CSS Text Decoration | Text-decoration CSS Tutorial.
Create a Modal (Popup) with HTML/CSS and JavaScript.
Taught by
Adrian Twarog
