CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Tariff Cards
Author:-Andreas Storm
Made with:-HTML CSS JS

Title:- Keyboard Accessible Animated Card
Author:-Cristian Diaz
Made with:-HTML CSS JS

Title:- Info Cards
Author:- Nathan Taylor
Made with:-HTML CSS JS

Title:- Price Cards Animation
Author:-Ana Tudor
Made with:-HTML CSS JS

Title:- CSS Clip-path Card Hover Effects
Author:-Ahmad Emran
Made with:-HTML CSS JS

Title:- CSS-Tricks Card Carousel
Author:-William Goldsworthy
Made with:-HTML CSS JS

Title:- Day and Night: CSS Transitions and Animations Explained
Author:-Stéphanie Walter
Made with:-HTML CSS JS

Title:- Business Card Style Landing Page
Author:-Lucas “Zei” G.
Made with:-HTML CSS JS

Title:- F1 Player Hexagon Card Responsive
Author:-Shireen Taj
Made with:-HTML CSS JS

Title:- Profile Card Hover Effect
Author:-P
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 Accordion Menus | Download Free Code

CSS

20+ CSS Accordion Menus | Download Free Code

Byfrontend February 23, 2024February 23, 2024

20+ CSS accordion menus. No JavaScript required! Find the perfect fit for your project, from basic to advanced, and enjoy responsive design across devices. Download free code & start building today! 1. Accordion Menu Using Only HTML & CSS by Okba Design See the Pen Accordion Menu Using Only HTML & CSS byOkba-Design(@Okba-Design) on CodePen….

CSS sidebar navigation menu

CSS

50+ Responsive CSS sidebar navigation menu example

Byfrontend February 16, 2024February 16, 2024

CSS

60+ Examples of CSS Scroll Down Arrows Animation

Byfrontend October 18, 2023October 18, 2023

In this article, we’re going to look at 60+ examples of CSS Scroll Down Arrows Animation. Scroll down arrows are an easy way to add a little bit of movement to your site. You can use them to draw the eyes of your readers down the page, which helps them focus on what you have…

CSS Charts & Graphs on CodePen

CSS

50+ Must-See CSS Charts & Graphs on CodePen

Byfrontend March 8, 2024December 30, 2024

Build interactive CSS charts & graphs from scratch using 50+ CSS code snippets. Gain valuable coding experience and explore various design possibilities. 1. Bar Graph by Champlow See the Pen Bar Graph byChaaampy(@Chaaampy) on CodePen. Author: Champlow Links: Source Code / DemoMade with: HTML CSS 2. This Pen is 19% HTML & 81% CSS by…

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…

CSS Range Sliders

CSS

35+ CSS Range Sliders (Updated)

Byfrontend April 14, 2024December 30, 2024

Take your website’s interactivity to the next level! Explore 50+ customizable CSS range sliders with code snippets (all free to download). 1. Metallic Range Input with Datalist Ticks by Anthony Orr See the Pen Metallic Range Input with Datalist Ticks byanthorr(@anthorr) on CodePen. Author: Anthony Orr Links: Source Code / DemoMade with: HTML CSS 2….