CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Dribble Mockup – Travel Homepage
Author:- miranda
Made with:-HTML CSS JS

Title:- Expanding flex cards
Author:- Zed Dash
Made with:-HTML CSS JS

Title:- Card Text
Author:-Bruce Brotherton
Made with:-HTML CSS JS

Title:- Comment Card with a Dots Background
Author:-Lucas Fernando
Made with:-HTML CSS JS

Title:- Reveal Card Content On Hover
Author:-Mark
Made with:-HTML CSS JS

Title:- Product Page
Author:-Chase Marlow
Made with:-HTML CSS JS

Title:- Blog Entry Layouts
Author:-Russ Beye
Made with:-HTML CSS JS

Title:- Card Design
Author:-Divya
Made with:-HTML CSS JS

Title:- Product Card
Author:-Arti Bhandari
Made with:-HTML CSS JS

Title:- Layout Practice, Using Grid
Author:-Bart Veneman
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

45+ CSS Glow Effects (Updated)
Byfrontend November 16, 2023April 14, 2024

Explore a collection of 50 dazzling CSS Glow Effects examples to spark your developer creativity. See real-world applications and get inspired for your next web project. RELATED ARTICLES 1. Spinner With Glowing, Gooey Effect by Lou See the Pen Spinner With Glowing, Gooey Effect byhostsamurai(@hostsamurai) on CodePen. Author: Lou Links: Source Code / DemoMade with:…

Read More 45+ CSS Glow Effects (Updated)
CSS

20+ Examples of How to Create a Stunning 3D Slider Effect
Byfrontend October 18, 2023October 18, 2023

Are you looking for a way to add a 3D slider animation to your website? Well, here is a list of 20+ examples of how to create a stunning 3D slider Effect. Title:- 3D Cube slider. Pure CSS. Author:- Ilya K. Made with:- HTML CSS JS Title:- Simple 3D Slider(jQuery) Author:- GlitchWorker Made with:- HTML…

Read More 20+ Examples of How to Create a Stunning 3D Slider Effect
CSS

Best 30+ Pure CSS Forms
Byfrontend October 18, 2023May 5, 2024

CSS Grid: Style Guide II Author Olivia Ng Made With HTML(PUG),CSS(SCSS),JS Demo Check Out Demo Links Download Sign In / Sign Up Slider Form Author Chantal Made With HTML,CSS,JS Demo Check Out Demo Links Download Animated Form Author Maxim Konoval Made With HTML,CSS,JS Demo Check Out Demo Links Download Building Responsive Forms With Flexbox Author…

Read More Best 30+ Pure CSS Forms
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

65+ Excellent CSS Image Galleries to Get Inspired From
Byfrontend October 18, 2023October 18, 2023

CSS Image Galleries are a great way to create attractive modern photo galleries. Using CSS, you can create galleries that run smoothly on any device See the Pen animated Mini Photo Gallery by Alvaro Montoro (@alvaromontoro) on CodePen. Title:- animated Mini Photo GalleryAuthor:- Alvaro MontoroMade with:- CSS HTML JS See the Pen accordion gallery zoom…

Read More 65+ Excellent CSS Image Galleries to Get Inspired From
CSS

30+ Responsive CSS Hamburger Menu Example
Byfrontend October 18, 2023February 20, 2024

Browse a collection of responsive CSS hamburger menu designs that are perfect for mobile-friendly web development and smooth navigation. updated examples showcase the latest trends in web design. Title:- Flippin’ burgersAuthor:- Mikael AinalemMade With:- HTML CSS Title:-Morphing Hamburger Menu with CSSAuthor:- lmgonzalvesMade With:- HTML CSS Title:-CSS Menu Icon Animation: Know Your MenuAuthor:- Olivia NgMade With:-…

Read More 30+ Responsive CSS Hamburger Menu Example