CSS

Welcome to our collection of CSS examples! Get aligned with modern design trends and explore a wide array of hand-picked code snippets of a variety of animations, stylish backgrounds, playful buttons, UI cards, CSS essentials, multi-level nav items, and more.

Each example is carefully curated and gives a broader idea to web designers, developers, and UI/UX creatives about creating stunning websites and applications.

No matter if you’re a beginner or an experienced developer, you’ll find tonnes of inspiration and practical solutions to make your projects unique, stylish and visually appealing.

Let’s explore and take your CSS skills to the next level with our diverse range of examples.

Table of Contents

  1. Animations
  2. Backgrounds
  3. Buttons
  4. Card
  5. Essentials
  6. Form
  7. Input
  8. Layouts
  9. Media
  10. Navigation
  11. Other
  12. Properties

Animations

125+ CSS Hover Effects

125+ CSS Hover Effects

30+ CSS 3D Text Effects

30+ CSS 3D Text Effects

22+ CSS Typing Text Effects

22+ CSS Typing Text Effects

30+ CSS Text Shadow Effects

30+ CSS Text Shadow Effects

35+ CSS Page Transitions

35+ CSS Page Transitions

40+ CSS Card Hover Effects

40+ CSS Card Hover Effects

20+ CSS Perspective Examples

20+ CSS Perspective Examples

28+ CSS Text Glitch Effects

28+ CSS Text Glitch Effects

32+ CSS Parallax Effects

32+ CSS Parallax Effects

32+ CSS Water Effects

32+ CSS Water Effects

26+ CSS Snow Effects

26+ CSS Snow Effects

48+ CSS Glassmorphism Effects

48+ CSS Glassmorphism Effects

30+ CSS Ripple Effects

30+ CSS Ripple Effects

22+ CSS Glow Text Effects

22+ CSS Glow Text Effects

40+ CSS Hero Effects

40+ CSS Hero Effects

52+ CSS Glow Effects

52+ CSS Glow Effects

62+ CSS Neumorphism Examples

62+ CSS Neumorphism Examples

102+ CSS Text Effects

102+ CSS Text Effects

17+ CSS Animation Libraries

17+ CSS Animation Libraries

50+ CSS Text Animations

50+ CSS Text Animations

25+ CSS Blob Effects

25+ CSS Blob Effects

23+ CSS Blur Effects

23+ CSS Blur Effects

23+ CSS Reveal Animations

23+ CSS Reveal Animations

27+ CSS Glitch Effects

27+ CSS Glitch Effects

30+ CSS Liquid Effects

30+ CSS Liquid Effects

Backgrounds

40+ CSS Particle Backgrounds

40+ CSS Particle Backgrounds

42+ CSS Animated Backgrounds

42+ CSS Animated Backgrounds

37+ CSS Fixed Backgrounds

37+ CSS Fixed Backgrounds

Buttons

45+ CSS Social Share Buttons

45+ CSS Social Share Buttons

32+ CSS Submit Buttons

32+ CSS Submit Buttons

16+ CSS Floating Action Buttons

16+ CSS Floating Action Buttons

25+ CSS Ghost Buttons

25+ CSS Ghost Buttons

34+ CSS Close Buttons

34+ CSS Close Buttons

32+ CSS Play/Pause Buttons

32+ CSS Play/Pause Buttons

33+ CSS Download Buttons

33+ CSS Download Buttons

30+ CSS Animated Buttons

30+ CSS Animated Buttons

Card

45+ CSS Product Cards

45+ CSS Product Cards

35+ CSS Stacked Cards

35+ CSS Stacked Cards

40+ CSS Profile Cards

40+ CSS Profile Cards

47+ CSS Flip Cards

47+ CSS Flip Cards

42+ CSS Blog Cards

42+ CSS Blog Cards

21+ CSS Movie Cards

21+ CSS Movie Cards

Essentials

35+ CSS Notifications

35+ CSS Notifications

36+ CSS Speech Bubbles

36+ CSS Speech Bubbles

42+ CSS Triangles

42+ CSS Triangles

51+ CSS Progress Bars

51+ CSS Progress Bars

Form

50+ CSS Checkout Forms

50+ CSS Checkout Forms

30+ CSS Subscribe Forms

30+ CSS Subscribe Forms

75+ CSS Login Forms

75+ CSS Login Forms

Input

50+ CSS Select Boxes

50+ CSS Select Boxes

45+ CSS Range Sliders

45+ CSS Range Sliders

50+ CSS Search Boxes

50+ CSS Search Boxes

Layouts

40+ CSS Masonry Layout Examples

40+ CSS Masonry Layout Examples

30+ CSS Dashboards

30+ CSS Dashboards

Media

15+ CSS Calendar Grids

15+ CSS Calendar Grids

32+ CSS App Design

32+ CSS App Design

Navigation

22+ CSS Vertical Accordions

22+ CSS Vertical Accordions

25+ CSS Accordion Menus

25+ CSS Accordion Menus

22+ CSS Horizontal Accordions

22+ CSS Horizontal Accordions

50+ CSS Accordions

50+ CSS Accordions

25+ CSS Off-Canvas Menus

25+ CSS Off-Canvas Menus

Other

25+ CSS Watches

25+ CSS Watches

30+ CSS Pixel Art

30+ CSS Pixel Art

25+ CSS Bubbles

25+ CSS Bubbles

Properties

22+ CSS :nth-child() Examples

22+ CSS :nth-child() Examples