CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Animated Card Flip
Author:- Ana Travas
Made with:-HTML CSS JS

Title:- Cool Card Hover Effect
Author:-Sardorbek Usmonov
Made with:-HTML CSS JS

Title:- CSS Profile Card
Author:-Russ Perry
Made with:-HTML CSS JS

Title:- Steam Inspired Game Card Hover Effect
Author:-Andrew Hawkes
Made with:-HTML CSS JS

Title:- Nuemorphism Card Design
Author:-Savio Martin
Made with:-HTML CSS JS

Title:- Responsive Skewed ECommerce CSS Grid
Author:-Andy Barefoot
Made with:-HTML CSS JS

Title:- Sticky Cards
Author:-Chris Coyier
Made with:-HTML CSS JS

Title:- UI – Flip Card (using :focus-within For A11y)
Author:-Abubaker Saeed
Made with:-HTML CSS JS

Title:- CSS Hover Card 🛒
Author:-Sowmya Seshadri
Made with:-HTML CSS JS

Title:- Card
Author:-HJB
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

40+ Best CSS Weather Widget Examples for Web Developers
Byfrontend October 18, 2023January 25, 2024

Looking for some CSS weather widget examples to spice up your website? You’ve come to the right place. In this post, we’ve collected 40+ amazing CSS weather widget examples that you can copy or twea 1. Animated CSS Weather Icons — A Remix by Jase See the Pen Animated CSS Weather Icons — A Remix…

Read More 40+ Best CSS Weather Widget Examples for Web Developers
CSS

30+ CSS Posters Example With Demo And code
Byfrontend February 29, 2024March 19, 2024

Download and learn from a curated collection of 50+ professional CSS poster examples. 1. Juni Festwochen Zürich (1959) by Jon Yablonski See the Pen Juni Festwochen Zürich (1959) byjonyablonski(@jonyablonski) on CodePen. Author: Jon Yablonski Links: Source Code / DemoMade with: HTML CSS 2. Ramones | Swissted by Sikriti Dakua See the Pen Ramones | Swissted…

Read More 30+ CSS Posters Example With Demo And code
CSS

35+ JavaScript Notification Examples from Popular Developers in CodePen
Byfrontend October 18, 2023January 13, 2024

Learn how to use JavaScript notifications to improve user experience with these 35+ examples from popular developers in CodePen. 1. Pretty Notification Badges for menu by Ying Zhang See the Pen Pretty Notification Badges for menu bydodozhang21(@dodozhang21) on CodePen. Author: Ying Zhang Links: Source Code / DemoMade with: HTML CSS js 2. Radial Nav Menu…

Read More 35+ JavaScript Notification Examples from Popular Developers in CodePen
CSS | Javascript

150+ Awesome New CSS buttons Design you can use for free
Byfrontend September 25, 2020November 20, 2023

If you’re looking for some awesome CSS buttons, you’ve come to the right place. These 150 free buttons will help you create a custom button that fits your brand and website perfectly. Related Articles 1. A Button Hover Effect by Himalaya Singh See the Pen A Button Hover Effect byhimalayasingh(@himalayasingh) on CodePen. Author: Himalaya Singh…

Read More 150+ Awesome New CSS buttons Design you can use for free
CSS

50+ Free CSS Breadcrumb Navigation Code Snippets You’ll Love
Byfrontend February 19, 2024February 20, 2024

your website with beautiful and innovative CSS Breadcrumb Navigation designs. Explore our curated collection, learn from experts, and find the perfect style for your site. 1. Collapsed Breadcrumbs by Skye See the Pen Collapsed Breadcrumbs byfraddski(@fraddski) on CodePen. Author: Skye Links: Source Code / DemoMade with: HTML CSS 2. Vertical Breadcrumb by Chris Jahn See…

Read More 50+ Free CSS Breadcrumb Navigation Code Snippets You’ll Love
CSS

10+ jQuery parallax codepen example
Byfrontend October 18, 2023October 18, 2023

HOVER ME

Read More 10+ jQuery parallax codepen example