CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Fairly Colourful Profile Card
Author:-Takane Ichinose
Made with:-HTML CSS JS

Title:- Geometric Business Card With CSS Grid
Author:-Liz Wendling
Made with:-HTML CSS JS

Title:- Card Animation
Author:-Makaveli
Made with:-HTML CSS JS

Title:- Tile Hover Multi-Button
Author:-Zed Dash
Made with:-HTML CSS JS

Title:- CSS Creative Card Hover Effects
Author:-mrnobody
Made with:-HTML CSS JS

Title:- Movie Card Concept
Author:-Josh
Made with:-HTML CSS JS

Title:- Circle Animated Cards
Author:-konradstepien
Made with:-HTML CSS JS

Title:- Expand/collapse Cards With Figure Cut Text
Author:-Mikael Ainalem
Made with:-HTML CSS JS

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

CSS

100+ CSS Toggle Switches (Updated)
Byfrontend February 13, 2021December 30, 2024

From simple on/off toggles to sleek animated designs, discover 100+ CSS toggle switches to elevate your projects. 1. 3D Toggle by Ana Tudor See the Pen 3D Toggle bythebabydino(@thebabydino) on CodePen. Author: Ana Tudor Links: Source Code / DemoMade with: HTML CSS 2. CSS Toggle Switch by Jeroen van der Tuin See the Pen CSS…

Read More 100+ CSS Toggle Switches (Updated)
CSS

50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
Byfrontend October 18, 2023October 18, 2023

50+ Cool CSS Reveal Animations Demos You Can Use A blog around 20 cool CSS animations that can be used on your website. See the Pen Fading text with CSS blend modes by giana (@giana) on CodePen. Title:- Fading text with CSS blend modes Author:-Giana Made with:-HTML CSS See the Pen CSS Reveal Slider by…

Read More 50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
CSS

50+ Responsive CSS sidebar navigation menu example
Byfrontend February 16, 2024February 16, 2024

Read More 50+ Responsive CSS sidebar navigation menu example
CSS

Free & Easy: 60+ CSS Accordion Demos You Can Use Today
Byfrontend February 23, 2024February 23, 2024

60+ amazing CSS accordion designs, complete with downloadable code snippets. Get ideas for your next project and impress your users. 1. Swanky Little Accordian List by Jamie Coulter See the Pen Swanky Little Accordian List byjcoulterdesign(@jcoulterdesign) on CodePen. Author: Jamie Coulter Links: Source Code / DemoMade with: HTML CSS 2. Building A Beautiful Accordion Using…

Read More Free & Easy: 60+ CSS Accordion Demos You Can Use Today
CSS

Top 40+ Best CSS Glass Morphism from CodePen
Byfrontend October 18, 2023October 18, 2023

I’m sure you are familiar with CodePen. It’s a great place to create and share CSS code snippets. I’ve been using it for a long time and have learned a lot about prototyping images and creating other UI elements. If you’re interested in learning new methods of CSS development, then check out 40+ Best CSS…

Read More Top 40+ Best CSS Glass Morphism from CodePen
CSS

150+ Inspiring Examples of CSS Background Patterns
Byfrontend October 18, 2023January 28, 2024

Level up your web design skills and learn to create stunning CSS background patterns from scratch. Explore 150+ examples, tutorials, and resources to guide your creative journey. RELATED ARTICLES 1. 3D Honeycomb Tessellated Pattern. No Div. Pure CSS by Josetxu See the Pen 3D Honeycomb Tessellated Pattern. No Div. Pure CSS byjosetxu(@josetxu) on CodePen. Author:…

Read More 150+ Inspiring Examples of CSS Background Patterns