CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Profile Card
Author:-znapci
Made with:-HTML CSS JS

Title:- CSS Glassmorphism Card Hover Effects
Author:-Luisoms
Made with:-HTML CSS JS

Title:- Polaroid Memories – CSS Only
Author:-Nico
Made with:-HTML CSS JS

Title:- Swipeable Cards nightly
Author:- Ionic
Made with:-HTML CSS JS

Title:- CSS-Only Gooey Content Toggle
Author:-@keyframers
Made with:-HTML CSS JS

Title:- Business Card
Author:-Rick
Made with:-HTML CSS JS

Title:- Isometric Card Grid
Author:- Jon Kantner
Made with:-HTML CSS JS

Title:- 3D Fold out reveal
Author:- Andrew Canham
Made with:-HTML CSS JS

Title:- Blog Card Grid
Author:-Hannah
Made with:-HTML CSS JS

Title:- Flipping Card Effect
Author:-Kniw Studio
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

Explore 5+ Interactive Periodic Tables in HTML & CSS
Byfrontend February 4, 2024February 4, 2024

Impress your clients with clean, efficient, and modern coding practices. Explore 5+ Periodic Tables in HTML & CSS best practices and code examples for professional developers. 1. Periodic Table of Type CSS Grid by Lindsay Grizzard See the Pen Periodic Table of Type CSS Grid bylindsayrusd(@lindsayrusd) on CodePen. Author: Lindsay Grizzard Links: Source Code /…

Read More Explore 5+ Interactive Periodic Tables in HTML & CSS
CSS

100+ Stunning CSS Illustration Examples
Byfrontend March 3, 2024December 30, 2024

Explore a collection of over 50 creative and unique CSS illustration examples. Get inspired and learn how to create your own illustrations using code! 1. Ball in Window by Jon Kantner See the Pen Ball in Window byjkantner(@jkantner) on CodePen. Author: Jon Kantner Links: Source Code / DemoMade with: HTML CSS 2. Jazzfmro CSS Illustration…

Read More 100+ Stunning CSS Illustration Examples
CSS

HOW TO: CSS Blur Background with 40+ Examples
Byfrontend October 18, 2023October 20, 2023

See the Pen CSS blur background by XiChen (@xichen) on CodePen. Title :- CSS blur backgroundAuthor :- XiChenMade with:- CSS HTML See the Pen Newsletter Box Using Only HTML & CSS blur background by DEV Code (@DEVCodes) on CodePen. Title :- Newsletter Box Using Only HTML & CSS blur backgroundAuthor :- DEV CodeMade with:- CSS…

Read More HOW TO: CSS Blur Background with 40+ Examples
CSS

35+ New CSS Mobile Navigation Menu Example
Byfrontend February 15, 2024February 15, 2024

your mobile audience with exceptional UX! Explore 40+ inspiring CSS mobile navigation menu designs built with pure CSS, offering smooth interaction, clear hierarchy, and unique styles. 1. Hamburger by Mikael Ainalem See the Pen Hamburger byainalem(@ainalem) on CodePen. Author: Mikael Ainalem Links: Source Code / DemoMade with: HTML CSS js 2. Tilt to Make Room…

Read More 35+ New CSS Mobile Navigation Menu Example
CSS

30+ Free HTML CSS Music Players Fee Code (Updated)
Byfrontend October 18, 2023February 25, 2024

the power of open-source! Explore free HTML & CSS music players, offering flexibility and customization options, perfect for learning and adapting to your web design needs. 1. Audio Player HTML5 by Rofida Abd Elrahman See the Pen Audio Player HTML5 byRoro-decode(@Roro-decode) on CodePen. Author: Rofida Abd Elrahman Links: Source Code / DemoMade with: HTML CSS…

Read More 30+ Free HTML CSS Music Players Fee Code (Updated)
CSS

40 Best CSS Neumorphism Example to Downlaod
Byfrontend October 18, 2023October 18, 2023

See the Pen css Neumorphism design practice 02 by CMYK350dpi (@AYV) on CodePen. Title:- css Neumorphism design practice 02Author:- CMYK350dpiMade With:- CSS HTML JS See the Pen Neumorphism Working Analog Clock by Muhammad Fadzrin Madu (@fadzrinmadu) on CodePen. Title:- Neumorphism Working Analog ClockAuthor:- Muhammad Fadzrin MaduMade With:- CSS HTML JS See the Pen Neumorphism “buttons”…

Read More 40 Best CSS Neumorphism Example to Downlaod