CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Material Design Card Animation
Author:-Trevor L.J.M. McIntire
Made with:-HTML CSS JS

Title:- Tailwind CSS Blog Card Block – 10th
Author:-Componentity
Made with:-HTML CSS JS

Title:- Stacked Rainbow Cards
Author:-Sarah Fossheim
Made with:-HTML CSS JS

Title:- HTML / CSS (SCSS)
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Holiday Feature Folding Cards
Author:-Madalena
Made with:-HTML CSS JS

Title:- CSS Introduction Into Animating Transition – Cards Perspective
Author:-dyarfi
Made with:-HTML CSS JS

Title:- Material Design – Card Effect
Author:-Hugo Giraudel
Made with:-HTML CSS JS

Title:- Hover Effect
Author:-Johana Morales
Made with:-HTML CSS JS

Title:- Hovers and Focus Using the has() Relational Pseudo-Class
Author:-utilitybend
Made with:-HTML CSS JS

Title:- Social Card + 3D Hover Effect
Author:-Bobby Korec
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

25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
Byfrontend October 18, 2023October 21, 2023

Javascript is a programming language that can be used in many of the web pages. It is one of the leading languages used for creating web pages and apps. Javascript is not just a language, it is also a platform for developing applications. It has been used for a long time and it has become…

Read More 25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
CSS

10+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
Byfrontend May 16, 2021January 30, 2024

Level up your web design check out the best collection of 10+ Ken Burns effects from CodePen! No Javascript required – explore pure CSS solutions for developers who value code. Find inspiration for beautiful animations, unique slideshows, and hidden gems that’ll add a touch of magic to your web projects. 1. Ken Burns effect CSS…

Read More 10+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
CSS

30+ Ultimate Collection of CSS Border Styles for Web Designers
Byfrontend October 18, 2023October 18, 2023

Even the most experienced programmers may find debugging CSS to be a difficult task. This article will provide you with time-saving and workflow-enhancing advice on how to debug CSS borders like an expert. Title:- over.cssAuthor:- Ian LunnMade With:- HTML CSS JAVASCRIPT See the Pen CSS Border transitions by Giana (@giana) on CodePen. Title:- CSS Border…

Read More 30+ Ultimate Collection of CSS Border Styles for Web Designers
CSS

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

Read More 50+ Responsive CSS sidebar navigation menu example
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….

Read More 35+ CSS Range Sliders (Updated)