├── Chapter1 ├── CSS Animations ├── CSS Variables ├── Creating a Simple Grid Layout ├── Layout with Flexbox ├── Positioning Elements ├── Responsive Design with Media Queries ├── Styling Links ├── Styling Text ├── The Box Model └── Using CSS Transitions ├── Chapter11 ├── Animated Gradient Border ├── CSS Grid Gallery with Hover Effect ├── CSS Only Modal Dialog ├── CSS Perspective Card Flip ├── Diagonal Section Dividers ├── Floating Labels for Form Input ├── Infinite Horizontal Scrolling Text ├── Ripple Effect on Button Click ├── Rotating Navigation Wheel └── Simple CSS Loader Animation ├── Chapter12 ├── 2Floating CSS Bubbles Background ├── Background Image Zoom on Scroll ├── CSS Shapes Layout ├── CSS Variable Themes ├── Expanding Cards on Hover ├── Flip Card with Depth Effects ├── Floating CSS Bubbles Background ├── Hover Slide-in Details Card ├── Pure CSS Accordion with Plus and Minus Icons ├── Ripple Click Effect └── Text Gradient with Animation ├── Chapter13 ├── Background Blend Mode Gallery ├── Bouncing Ball Animation ├── CSS-only Toast Notifications ├── Circle Navigation Menu ├── Fading Carousel ├── Flip Switch Toggle ├── Hoverable Dropdown Menu ├── Multi-Step Progress Bar ├── Rotating Gallery Carousel └── Typewriter Text Effect ├── Chapter14 ├── Animated Background Gradient Transition ├── CSS Grid Photo Gallery ├── CSS-only Slide Toggle ├── Continuous Text Marquee ├── Dynamic Shadow on Hover ├── Flip Card with Detailed Back ├── Glowing Neon Text Effect ├── Parallax Scrolling Effect on Background Images ├── Responsive Masonry Layout with CSS Columns └── Ripple Effect Button ├── Chapter15 ├── Animated Gradient Text ├── Automatic Slideshow ├── CSS Tilt Hover Effect ├── CSS Variables for Dynamic Themes ├── Floating Labels in Forms ├── Fold-out Card Details ├── Hover-Over Image Zoom Effect ├── Responsive Navigation Bar ├── Simple CSS Loader Animation └── Stacked Cards Layout ├── Chapter16 ├── Animated Wave Background ├── Bouncing Loader Animation ├── Corner Ribbon ├── Diagonal Section Dividers ├── Hover Effect with Image and Caption Overlay ├── Infinite Scrolling Background ├── Pure CSS Masonry Layout ├── Pure CSS Modal Window └── Responsive Tabs with Pure CSS ├── Chapter17 ├── CSS Accordion with Plus and Minus Icons ├── CSS Floating Action Button ├── Content Cards with Hover Shadow Effect ├── Custom Checkbox Style ├── Grid-Based Responsive Photo Gallery ├── Horizontal Scrolling Gallery ├── Pure CSS Dropdown Menu ├── Simple Fade-in Page Animation ├── Sticky Footer with Flexbox └── Sticky Header on Scroll ├── Chapter18 ├── Animated Checkbox Customization ├── Background Image with Overlay and Text ├── CSS Breadcrumbs Navigation ├── CSS-only Dropdown Menu ├── Creating a CSS-only Star Rating Component ├── Custom Scrollbar Styling ├── Dynamic Grid Layout with CSS Grid ├── Expandable Search Bar ├── Responsive Side Navigation Menu └── Simple CSS Lightbox ├── Chapter19 ├── Accordion FAQ ├── Animated Underline on Hover ├── CSS Loader with Bouncing Dots ├── Hover to Reveal Content ├── Neumorphic Button Design ├── Responsive Circle Shapes with Text ├── Responsive Masonry Layout with CSS Columns ├── Rotating Navigation Menu ├── Smooth Scrolling Links with CSS └── Text Reveal on Scroll ├── Chapter2 ├── Advanced Selectors ├── CSS 3D Transformations ├── CSS Filters for Images ├── CSS Shapes ├── Creating a Sticky Navigation Bar ├── Custom Checkbox Styles ├── Hover Effects on Cards ├── Implementing CSS Grid for Complex Layouts ├── Styling Forms with CSS └── Styling Lists ├── Chapter20 ├── Animated Gradient Background ├── CSS-only Slider Control ├── CSS-only Zigzag Border ├── Content Tabs with CSS and JavaScript ├── Creating a Collapsible Content Section ├── Expanding Search Bar ├── Hover-over Text Reveal ├── Overflowing Text with Ellipsis ├── Simple Image Carousel └── Vertical Timeline Design ├── Chapter21 ├── CSS Speech Bubble ├── Custom Animated Checkbox ├── Diagonal Divider Between Sections ├── Dynamic Shadow on Hover ├── Full-Screen Navigation Overlay ├── Infinite Scrolling Text Marquee ├── Interactive Image Gallery with CSS Grid ├── Multi-Column Text Layout ├── Responsive Cards with Hover Effects └── Slide-In Sidebar Menu ├── Chapter22 ├── Animated Loading Dots ├── CSS AccordionPure CSS ├── CSS Flip Card on Mouse Hover ├── Circular Progress Bar ├── Creating a Responsive Navigation Bar ├── Fade-in Section on Scroll ├── Full-page Background Image ├── Hover Over Image to Reveal Text ├── JS CSS Accordion ├── Parallax Scrolling Effect └── Scroll-triggered Animation ├── Chapter3 ├── CSS Grid with Overlapping Items ├── CSS Variables for Themes ├── Creative List Bullets with Pseudo-Elements ├── Custom Animated Loading Spinner ├── Custom Cursors ├── Flexbox for Navigation Bar ├── Gradient Background Animation ├── Parallax Scrolling Effect ├── Responsive Typography └── Variable Fonts ├── Chapter4 ├── Building a Responsive Navbar ├── CSS Gradient Text Effect ├── CSS Perspective Hover Effect ├── Creating a CSS Tooltip ├── Flexbox Photo Gallery ├── Fullscreen Background Video ├── Hover Effect with Box Shadow and Transform ├── Implement a Fullscreen Background Video ├── Responsive Grid with CSS Variables and Media Queries └── Styling Forms with CSS ├── Chapter5 ├── CSS Gradient Background Animation ├── CSS Hover Image Gallery ├── CSS Keyframe Animation ├── CSS Sticky Footer ├── Creating a CSS-only Accordion ├── Custom Checkbox Styles ├── Flip Card Effect using CSS ├── Hover Over Image Effects ├── Pure CSS Modal Popup └── Responsive Tiles Layout ├── Chapter6 ├── Animated Loading Spinner ├── CSS Grid Area Layout ├── CSS Star Ratings ├── CSS-only Tabs ├── Creating a Masonry Layout with CSS Columns ├── Custom Animated Checkbox ├── Hover to Reveal Content ├── Infinite Scrolling Background ├── Pure CSS Dropdown Navigation Menu └── Transforming Navigation Bar on Scroll ├── Chapter7 ├── Animated Background Color Switcher ├── CSS Scroll Snap ├── CSS-only Carousel ├── CSS-only Slideshow ├── Creating a Typewriter Effect ├── Dynamic Shadow on Hover ├── Flip Card on Hover ├── Night Mode Toggle Button ├── Pure CSS Collapsible Sections └── Responsive Cards with Flexbox ├── Chapter8 ├── Animated Gradient Background ├── CSS 3D Cube ├── CSS Variables Theme Switcher ├── Diagonal Section Divider ├── Expanding Search Bar ├── Floating Action Button with Tooltip ├── Hover-over Tooltips ├── Pulse Animation Effect ├── Responsive CSS Timeline └── Rotating Words with CSS Animations ├── Chapter9 ├── Background Clip Text ├── CSS Hover Flip Card ├── CSS Wave Animation ├── Glowing Text Effect ├── Gradient Text Color ├── Infinite Scrolling Text Animation ├── Neumorphic Button Design ├── Pure CSS Accordion with Details Summary ├── Responsive CSS Grid with Spanning Items └── Responsive Sidebar with Flexbox ├── README.md └── chapter10 ├── CSS Clip-path Hover Effects ├── CSS Columns for Text Flow ├── Fade-out Text with CSS Gradient ├── Fixed Background Scrolling Effect ├── Floating Clouds Background ├── Hover Scale Animation on Images ├── Neumorphic Switch Toggle ├── Parallax Scrolling Effect ├── Rainbow Text Animation └── Ripple Effect Button /Chapter1/CSS Animations: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/CSS Animations -------------------------------------------------------------------------------- /Chapter1/CSS Variables: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/CSS Variables -------------------------------------------------------------------------------- /Chapter1/Creating a Simple Grid Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Creating a Simple Grid Layout -------------------------------------------------------------------------------- /Chapter1/Layout with Flexbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Layout with Flexbox -------------------------------------------------------------------------------- /Chapter1/Positioning Elements: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Positioning Elements -------------------------------------------------------------------------------- /Chapter1/Responsive Design with Media Queries: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Responsive Design with Media Queries -------------------------------------------------------------------------------- /Chapter1/Styling Links: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Styling Links -------------------------------------------------------------------------------- /Chapter1/Styling Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Styling Text -------------------------------------------------------------------------------- /Chapter1/The Box Model: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/The Box Model -------------------------------------------------------------------------------- /Chapter1/Using CSS Transitions: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter1/Using CSS Transitions -------------------------------------------------------------------------------- /Chapter11/Animated Gradient Border: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Animated Gradient Border -------------------------------------------------------------------------------- /Chapter11/CSS Grid Gallery with Hover Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/CSS Grid Gallery with Hover Effect -------------------------------------------------------------------------------- /Chapter11/CSS Only Modal Dialog: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/CSS Only Modal Dialog -------------------------------------------------------------------------------- /Chapter11/CSS Perspective Card Flip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/CSS Perspective Card Flip -------------------------------------------------------------------------------- /Chapter11/Diagonal Section Dividers: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Diagonal Section Dividers -------------------------------------------------------------------------------- /Chapter11/Floating Labels for Form Input: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Floating Labels for Form Input -------------------------------------------------------------------------------- /Chapter11/Infinite Horizontal Scrolling Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Infinite Horizontal Scrolling Text -------------------------------------------------------------------------------- /Chapter11/Ripple Effect on Button Click: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Ripple Effect on Button Click -------------------------------------------------------------------------------- /Chapter11/Rotating Navigation Wheel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Rotating Navigation Wheel -------------------------------------------------------------------------------- /Chapter11/Simple CSS Loader Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter11/Simple CSS Loader Animation -------------------------------------------------------------------------------- /Chapter12/2Floating CSS Bubbles Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/2Floating CSS Bubbles Background -------------------------------------------------------------------------------- /Chapter12/Background Image Zoom on Scroll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Background Image Zoom on Scroll -------------------------------------------------------------------------------- /Chapter12/CSS Shapes Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/CSS Shapes Layout -------------------------------------------------------------------------------- /Chapter12/CSS Variable Themes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/CSS Variable Themes -------------------------------------------------------------------------------- /Chapter12/Expanding Cards on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Expanding Cards on Hover -------------------------------------------------------------------------------- /Chapter12/Flip Card with Depth Effects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Flip Card with Depth Effects -------------------------------------------------------------------------------- /Chapter12/Floating CSS Bubbles Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Floating CSS Bubbles Background -------------------------------------------------------------------------------- /Chapter12/Hover Slide-in Details Card: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Hover Slide-in Details Card -------------------------------------------------------------------------------- /Chapter12/Pure CSS Accordion with Plus and Minus Icons: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Pure CSS Accordion with Plus and Minus Icons -------------------------------------------------------------------------------- /Chapter12/Ripple Click Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Ripple Click Effect -------------------------------------------------------------------------------- /Chapter12/Text Gradient with Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter12/Text Gradient with Animation -------------------------------------------------------------------------------- /Chapter13/Background Blend Mode Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Background Blend Mode Gallery -------------------------------------------------------------------------------- /Chapter13/Bouncing Ball Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Bouncing Ball Animation -------------------------------------------------------------------------------- /Chapter13/CSS-only Toast Notifications: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/CSS-only Toast Notifications -------------------------------------------------------------------------------- /Chapter13/Circle Navigation Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Circle Navigation Menu -------------------------------------------------------------------------------- /Chapter13/Fading Carousel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Fading Carousel -------------------------------------------------------------------------------- /Chapter13/Flip Switch Toggle: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Flip Switch Toggle -------------------------------------------------------------------------------- /Chapter13/Hoverable Dropdown Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Hoverable Dropdown Menu -------------------------------------------------------------------------------- /Chapter13/Multi-Step Progress Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Multi-Step Progress Bar -------------------------------------------------------------------------------- /Chapter13/Rotating Gallery Carousel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Rotating Gallery Carousel -------------------------------------------------------------------------------- /Chapter13/Typewriter Text Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter13/Typewriter Text Effect -------------------------------------------------------------------------------- /Chapter14/Animated Background Gradient Transition: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Animated Background Gradient Transition -------------------------------------------------------------------------------- /Chapter14/CSS Grid Photo Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/CSS Grid Photo Gallery -------------------------------------------------------------------------------- /Chapter14/CSS-only Slide Toggle: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/CSS-only Slide Toggle -------------------------------------------------------------------------------- /Chapter14/Continuous Text Marquee: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Continuous Text Marquee -------------------------------------------------------------------------------- /Chapter14/Dynamic Shadow on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Dynamic Shadow on Hover -------------------------------------------------------------------------------- /Chapter14/Flip Card with Detailed Back: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Flip Card with Detailed Back -------------------------------------------------------------------------------- /Chapter14/Glowing Neon Text Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Glowing Neon Text Effect -------------------------------------------------------------------------------- /Chapter14/Parallax Scrolling Effect on Background Images: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Parallax Scrolling Effect on Background Images -------------------------------------------------------------------------------- /Chapter14/Responsive Masonry Layout with CSS Columns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Responsive Masonry Layout with CSS Columns -------------------------------------------------------------------------------- /Chapter14/Ripple Effect Button: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter14/Ripple Effect Button -------------------------------------------------------------------------------- /Chapter15/Animated Gradient Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Animated Gradient Text -------------------------------------------------------------------------------- /Chapter15/Automatic Slideshow: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Automatic Slideshow -------------------------------------------------------------------------------- /Chapter15/CSS Tilt Hover Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/CSS Tilt Hover Effect -------------------------------------------------------------------------------- /Chapter15/CSS Variables for Dynamic Themes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/CSS Variables for Dynamic Themes -------------------------------------------------------------------------------- /Chapter15/Floating Labels in Forms: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Floating Labels in Forms -------------------------------------------------------------------------------- /Chapter15/Fold-out Card Details: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Fold-out Card Details -------------------------------------------------------------------------------- /Chapter15/Hover-Over Image Zoom Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Hover-Over Image Zoom Effect -------------------------------------------------------------------------------- /Chapter15/Responsive Navigation Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Responsive Navigation Bar -------------------------------------------------------------------------------- /Chapter15/Simple CSS Loader Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Simple CSS Loader Animation -------------------------------------------------------------------------------- /Chapter15/Stacked Cards Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter15/Stacked Cards Layout -------------------------------------------------------------------------------- /Chapter16/Animated Wave Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Animated Wave Background -------------------------------------------------------------------------------- /Chapter16/Bouncing Loader Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Bouncing Loader Animation -------------------------------------------------------------------------------- /Chapter16/Corner Ribbon: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Corner Ribbon -------------------------------------------------------------------------------- /Chapter16/Diagonal Section Dividers: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Diagonal Section Dividers -------------------------------------------------------------------------------- /Chapter16/Hover Effect with Image and Caption Overlay: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Hover Effect with Image and Caption Overlay -------------------------------------------------------------------------------- /Chapter16/Infinite Scrolling Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Infinite Scrolling Background -------------------------------------------------------------------------------- /Chapter16/Pure CSS Masonry Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Pure CSS Masonry Layout -------------------------------------------------------------------------------- /Chapter16/Pure CSS Modal Window: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Pure CSS Modal Window -------------------------------------------------------------------------------- /Chapter16/Responsive Tabs with Pure CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter16/Responsive Tabs with Pure CSS -------------------------------------------------------------------------------- /Chapter17/CSS Accordion with Plus and Minus Icons: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/CSS Accordion with Plus and Minus Icons -------------------------------------------------------------------------------- /Chapter17/CSS Floating Action Button: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/CSS Floating Action Button -------------------------------------------------------------------------------- /Chapter17/Content Cards with Hover Shadow Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Content Cards with Hover Shadow Effect -------------------------------------------------------------------------------- /Chapter17/Custom Checkbox Style: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Custom Checkbox Style -------------------------------------------------------------------------------- /Chapter17/Grid-Based Responsive Photo Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Grid-Based Responsive Photo Gallery -------------------------------------------------------------------------------- /Chapter17/Horizontal Scrolling Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Horizontal Scrolling Gallery -------------------------------------------------------------------------------- /Chapter17/Pure CSS Dropdown Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Pure CSS Dropdown Menu -------------------------------------------------------------------------------- /Chapter17/Simple Fade-in Page Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Simple Fade-in Page Animation -------------------------------------------------------------------------------- /Chapter17/Sticky Footer with Flexbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Sticky Footer with Flexbox -------------------------------------------------------------------------------- /Chapter17/Sticky Header on Scroll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter17/Sticky Header on Scroll -------------------------------------------------------------------------------- /Chapter18/Animated Checkbox Customization: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Animated Checkbox Customization -------------------------------------------------------------------------------- /Chapter18/Background Image with Overlay and Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Background Image with Overlay and Text -------------------------------------------------------------------------------- /Chapter18/CSS Breadcrumbs Navigation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/CSS Breadcrumbs Navigation -------------------------------------------------------------------------------- /Chapter18/CSS-only Dropdown Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/CSS-only Dropdown Menu -------------------------------------------------------------------------------- /Chapter18/Creating a CSS-only Star Rating Component: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Creating a CSS-only Star Rating Component -------------------------------------------------------------------------------- /Chapter18/Custom Scrollbar Styling: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Custom Scrollbar Styling -------------------------------------------------------------------------------- /Chapter18/Dynamic Grid Layout with CSS Grid: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Dynamic Grid Layout with CSS Grid -------------------------------------------------------------------------------- /Chapter18/Expandable Search Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Expandable Search Bar -------------------------------------------------------------------------------- /Chapter18/Responsive Side Navigation Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Responsive Side Navigation Menu -------------------------------------------------------------------------------- /Chapter18/Simple CSS Lightbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter18/Simple CSS Lightbox -------------------------------------------------------------------------------- /Chapter19/Accordion FAQ: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Accordion FAQ -------------------------------------------------------------------------------- /Chapter19/Animated Underline on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Animated Underline on Hover -------------------------------------------------------------------------------- /Chapter19/CSS Loader with Bouncing Dots: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/CSS Loader with Bouncing Dots -------------------------------------------------------------------------------- /Chapter19/Hover to Reveal Content: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Hover to Reveal Content -------------------------------------------------------------------------------- /Chapter19/Neumorphic Button Design: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Neumorphic Button Design -------------------------------------------------------------------------------- /Chapter19/Responsive Circle Shapes with Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Responsive Circle Shapes with Text -------------------------------------------------------------------------------- /Chapter19/Responsive Masonry Layout with CSS Columns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Responsive Masonry Layout with CSS Columns -------------------------------------------------------------------------------- /Chapter19/Rotating Navigation Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Rotating Navigation Menu -------------------------------------------------------------------------------- /Chapter19/Smooth Scrolling Links with CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Smooth Scrolling Links with CSS -------------------------------------------------------------------------------- /Chapter19/Text Reveal on Scroll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter19/Text Reveal on Scroll -------------------------------------------------------------------------------- /Chapter2/Advanced Selectors: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Advanced Selectors -------------------------------------------------------------------------------- /Chapter2/CSS 3D Transformations: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/CSS 3D Transformations -------------------------------------------------------------------------------- /Chapter2/CSS Filters for Images: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/CSS Filters for Images -------------------------------------------------------------------------------- /Chapter2/CSS Shapes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/CSS Shapes -------------------------------------------------------------------------------- /Chapter2/Creating a Sticky Navigation Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Creating a Sticky Navigation Bar -------------------------------------------------------------------------------- /Chapter2/Custom Checkbox Styles: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Custom Checkbox Styles -------------------------------------------------------------------------------- /Chapter2/Hover Effects on Cards: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Hover Effects on Cards -------------------------------------------------------------------------------- /Chapter2/Implementing CSS Grid for Complex Layouts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Implementing CSS Grid for Complex Layouts -------------------------------------------------------------------------------- /Chapter2/Styling Forms with CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Styling Forms with CSS -------------------------------------------------------------------------------- /Chapter2/Styling Lists: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter2/Styling Lists -------------------------------------------------------------------------------- /Chapter20/Animated Gradient Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Animated Gradient Background -------------------------------------------------------------------------------- /Chapter20/CSS-only Slider Control: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/CSS-only Slider Control -------------------------------------------------------------------------------- /Chapter20/CSS-only Zigzag Border: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/CSS-only Zigzag Border -------------------------------------------------------------------------------- /Chapter20/Content Tabs with CSS and JavaScript: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Content Tabs with CSS and JavaScript -------------------------------------------------------------------------------- /Chapter20/Creating a Collapsible Content Section: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Creating a Collapsible Content Section -------------------------------------------------------------------------------- /Chapter20/Expanding Search Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Expanding Search Bar -------------------------------------------------------------------------------- /Chapter20/Hover-over Text Reveal: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Hover-over Text Reveal -------------------------------------------------------------------------------- /Chapter20/Overflowing Text with Ellipsis: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Overflowing Text with Ellipsis -------------------------------------------------------------------------------- /Chapter20/Simple Image Carousel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Simple Image Carousel -------------------------------------------------------------------------------- /Chapter20/Vertical Timeline Design: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter20/Vertical Timeline Design -------------------------------------------------------------------------------- /Chapter21/CSS Speech Bubble: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/CSS Speech Bubble -------------------------------------------------------------------------------- /Chapter21/Custom Animated Checkbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Custom Animated Checkbox -------------------------------------------------------------------------------- /Chapter21/Diagonal Divider Between Sections: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Diagonal Divider Between Sections -------------------------------------------------------------------------------- /Chapter21/Dynamic Shadow on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Dynamic Shadow on Hover -------------------------------------------------------------------------------- /Chapter21/Full-Screen Navigation Overlay: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Full-Screen Navigation Overlay -------------------------------------------------------------------------------- /Chapter21/Infinite Scrolling Text Marquee: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Infinite Scrolling Text Marquee -------------------------------------------------------------------------------- /Chapter21/Interactive Image Gallery with CSS Grid: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Interactive Image Gallery with CSS Grid -------------------------------------------------------------------------------- /Chapter21/Multi-Column Text Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Multi-Column Text Layout -------------------------------------------------------------------------------- /Chapter21/Responsive Cards with Hover Effects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Responsive Cards with Hover Effects -------------------------------------------------------------------------------- /Chapter21/Slide-In Sidebar Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter21/Slide-In Sidebar Menu -------------------------------------------------------------------------------- /Chapter22/Animated Loading Dots: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Animated Loading Dots -------------------------------------------------------------------------------- /Chapter22/CSS AccordionPure CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/CSS AccordionPure CSS -------------------------------------------------------------------------------- /Chapter22/CSS Flip Card on Mouse Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/CSS Flip Card on Mouse Hover -------------------------------------------------------------------------------- /Chapter22/Circular Progress Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Circular Progress Bar -------------------------------------------------------------------------------- /Chapter22/Creating a Responsive Navigation Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Creating a Responsive Navigation Bar -------------------------------------------------------------------------------- /Chapter22/Fade-in Section on Scroll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Fade-in Section on Scroll -------------------------------------------------------------------------------- /Chapter22/Full-page Background Image: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Full-page Background Image -------------------------------------------------------------------------------- /Chapter22/Hover Over Image to Reveal Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Hover Over Image to Reveal Text -------------------------------------------------------------------------------- /Chapter22/JS CSS Accordion: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/JS CSS Accordion -------------------------------------------------------------------------------- /Chapter22/Parallax Scrolling Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Parallax Scrolling Effect -------------------------------------------------------------------------------- /Chapter22/Scroll-triggered Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter22/Scroll-triggered Animation -------------------------------------------------------------------------------- /Chapter3/CSS Grid with Overlapping Items: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/CSS Grid with Overlapping Items -------------------------------------------------------------------------------- /Chapter3/CSS Variables for Themes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/CSS Variables for Themes -------------------------------------------------------------------------------- /Chapter3/Creative List Bullets with Pseudo-Elements: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Creative List Bullets with Pseudo-Elements -------------------------------------------------------------------------------- /Chapter3/Custom Animated Loading Spinner: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Custom Animated Loading Spinner -------------------------------------------------------------------------------- /Chapter3/Custom Cursors: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Custom Cursors -------------------------------------------------------------------------------- /Chapter3/Flexbox for Navigation Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Flexbox for Navigation Bar -------------------------------------------------------------------------------- /Chapter3/Gradient Background Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Gradient Background Animation -------------------------------------------------------------------------------- /Chapter3/Parallax Scrolling Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Parallax Scrolling Effect -------------------------------------------------------------------------------- /Chapter3/Responsive Typography: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Responsive Typography -------------------------------------------------------------------------------- /Chapter3/Variable Fonts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter3/Variable Fonts -------------------------------------------------------------------------------- /Chapter4/Building a Responsive Navbar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Building a Responsive Navbar -------------------------------------------------------------------------------- /Chapter4/CSS Gradient Text Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/CSS Gradient Text Effect -------------------------------------------------------------------------------- /Chapter4/CSS Perspective Hover Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/CSS Perspective Hover Effect -------------------------------------------------------------------------------- /Chapter4/Creating a CSS Tooltip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Creating a CSS Tooltip -------------------------------------------------------------------------------- /Chapter4/Flexbox Photo Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Flexbox Photo Gallery -------------------------------------------------------------------------------- /Chapter4/Fullscreen Background Video: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Fullscreen Background Video -------------------------------------------------------------------------------- /Chapter4/Hover Effect with Box Shadow and Transform: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Hover Effect with Box Shadow and Transform -------------------------------------------------------------------------------- /Chapter4/Implement a Fullscreen Background Video: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Implement a Fullscreen Background Video -------------------------------------------------------------------------------- /Chapter4/Responsive Grid with CSS Variables and Media Queries: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Responsive Grid with CSS Variables and Media Queries -------------------------------------------------------------------------------- /Chapter4/Styling Forms with CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter4/Styling Forms with CSS -------------------------------------------------------------------------------- /Chapter5/CSS Gradient Background Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/CSS Gradient Background Animation -------------------------------------------------------------------------------- /Chapter5/CSS Hover Image Gallery: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/CSS Hover Image Gallery -------------------------------------------------------------------------------- /Chapter5/CSS Keyframe Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/CSS Keyframe Animation -------------------------------------------------------------------------------- /Chapter5/CSS Sticky Footer: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/CSS Sticky Footer -------------------------------------------------------------------------------- /Chapter5/Creating a CSS-only Accordion: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Creating a CSS-only Accordion -------------------------------------------------------------------------------- /Chapter5/Custom Checkbox Styles: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Custom Checkbox Styles -------------------------------------------------------------------------------- /Chapter5/Flip Card Effect using CSS: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Flip Card Effect using CSS -------------------------------------------------------------------------------- /Chapter5/Hover Over Image Effects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Hover Over Image Effects -------------------------------------------------------------------------------- /Chapter5/Pure CSS Modal Popup: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Pure CSS Modal Popup -------------------------------------------------------------------------------- /Chapter5/Responsive Tiles Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter5/Responsive Tiles Layout -------------------------------------------------------------------------------- /Chapter6/Animated Loading Spinner: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Animated Loading Spinner -------------------------------------------------------------------------------- /Chapter6/CSS Grid Area Layout: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/CSS Grid Area Layout -------------------------------------------------------------------------------- /Chapter6/CSS Star Ratings: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/CSS Star Ratings -------------------------------------------------------------------------------- /Chapter6/CSS-only Tabs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/CSS-only Tabs -------------------------------------------------------------------------------- /Chapter6/Creating a Masonry Layout with CSS Columns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Creating a Masonry Layout with CSS Columns -------------------------------------------------------------------------------- /Chapter6/Custom Animated Checkbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Custom Animated Checkbox -------------------------------------------------------------------------------- /Chapter6/Hover to Reveal Content: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Hover to Reveal Content -------------------------------------------------------------------------------- /Chapter6/Infinite Scrolling Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Infinite Scrolling Background -------------------------------------------------------------------------------- /Chapter6/Pure CSS Dropdown Navigation Menu: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Pure CSS Dropdown Navigation Menu -------------------------------------------------------------------------------- /Chapter6/Transforming Navigation Bar on Scroll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter6/Transforming Navigation Bar on Scroll -------------------------------------------------------------------------------- /Chapter7/Animated Background Color Switcher: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Animated Background Color Switcher -------------------------------------------------------------------------------- /Chapter7/CSS Scroll Snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/CSS Scroll Snap -------------------------------------------------------------------------------- /Chapter7/CSS-only Carousel: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/CSS-only Carousel -------------------------------------------------------------------------------- /Chapter7/CSS-only Slideshow: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/CSS-only Slideshow -------------------------------------------------------------------------------- /Chapter7/Creating a Typewriter Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Creating a Typewriter Effect -------------------------------------------------------------------------------- /Chapter7/Dynamic Shadow on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Dynamic Shadow on Hover -------------------------------------------------------------------------------- /Chapter7/Flip Card on Hover: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Flip Card on Hover -------------------------------------------------------------------------------- /Chapter7/Night Mode Toggle Button: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Night Mode Toggle Button -------------------------------------------------------------------------------- /Chapter7/Pure CSS Collapsible Sections: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Pure CSS Collapsible Sections -------------------------------------------------------------------------------- /Chapter7/Responsive Cards with Flexbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter7/Responsive Cards with Flexbox -------------------------------------------------------------------------------- /Chapter8/Animated Gradient Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Animated Gradient Background -------------------------------------------------------------------------------- /Chapter8/CSS 3D Cube: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/CSS 3D Cube -------------------------------------------------------------------------------- /Chapter8/CSS Variables Theme Switcher: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/CSS Variables Theme Switcher -------------------------------------------------------------------------------- /Chapter8/Diagonal Section Divider: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Diagonal Section Divider -------------------------------------------------------------------------------- /Chapter8/Expanding Search Bar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Expanding Search Bar -------------------------------------------------------------------------------- /Chapter8/Floating Action Button with Tooltip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Floating Action Button with Tooltip -------------------------------------------------------------------------------- /Chapter8/Hover-over Tooltips: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Hover-over Tooltips -------------------------------------------------------------------------------- /Chapter8/Pulse Animation Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Pulse Animation Effect -------------------------------------------------------------------------------- /Chapter8/Responsive CSS Timeline: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Responsive CSS Timeline -------------------------------------------------------------------------------- /Chapter8/Rotating Words with CSS Animations: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter8/Rotating Words with CSS Animations -------------------------------------------------------------------------------- /Chapter9/Background Clip Text: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Background Clip Text -------------------------------------------------------------------------------- /Chapter9/CSS Hover Flip Card: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/CSS Hover Flip Card -------------------------------------------------------------------------------- /Chapter9/CSS Wave Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/CSS Wave Animation -------------------------------------------------------------------------------- /Chapter9/Glowing Text Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Glowing Text Effect -------------------------------------------------------------------------------- /Chapter9/Gradient Text Color: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Gradient Text Color -------------------------------------------------------------------------------- /Chapter9/Infinite Scrolling Text Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Infinite Scrolling Text Animation -------------------------------------------------------------------------------- /Chapter9/Neumorphic Button Design: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Neumorphic Button Design -------------------------------------------------------------------------------- /Chapter9/Pure CSS Accordion with Details Summary: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Pure CSS Accordion with Details Summary -------------------------------------------------------------------------------- /Chapter9/Responsive CSS Grid with Spanning Items: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Responsive CSS Grid with Spanning Items -------------------------------------------------------------------------------- /Chapter9/Responsive Sidebar with Flexbox: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/Chapter9/Responsive Sidebar with Flexbox -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/README.md -------------------------------------------------------------------------------- /chapter10/CSS Clip-path Hover Effects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/CSS Clip-path Hover Effects -------------------------------------------------------------------------------- /chapter10/CSS Columns for Text Flow: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/CSS Columns for Text Flow -------------------------------------------------------------------------------- /chapter10/Fade-out Text with CSS Gradient: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Fade-out Text with CSS Gradient -------------------------------------------------------------------------------- /chapter10/Fixed Background Scrolling Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Fixed Background Scrolling Effect -------------------------------------------------------------------------------- /chapter10/Floating Clouds Background: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Floating Clouds Background -------------------------------------------------------------------------------- /chapter10/Hover Scale Animation on Images: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Hover Scale Animation on Images -------------------------------------------------------------------------------- /chapter10/Neumorphic Switch Toggle: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Neumorphic Switch Toggle -------------------------------------------------------------------------------- /chapter10/Parallax Scrolling Effect: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Parallax Scrolling Effect -------------------------------------------------------------------------------- /chapter10/Rainbow Text Animation: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Rainbow Text Animation -------------------------------------------------------------------------------- /chapter10/Ripple Effect Button: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lsvekis/HTML-CSS-Exercises-Book/HEAD/chapter10/Ripple Effect Button --------------------------------------------------------------------------------