CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Glass Card
Author:-Marcello Lopes
Made with:-HTML CSS JS

Title:- Payment Card Swipage
Author:- Jamie Coulter
Made with:-HTML CSS JS

Title:- La Saveur: French Menu Cards
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Marvel Corner Box Art
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Daily UI #006 User Profile
Author:- Tobias
Made with:-HTML CSS JS

Title:- 3D Perspective Cards with Depth
Author:-Fernando Cohen
Made with:-HTML CSS JS

Title:- Cards – Codepen Assets
Author:-Sowmya Seshadri
Made with:-HTML CSS JS

Title:- 2021 Card
Author:-Pieter Biesemans
Made with:-HTML CSS JS

Title:- Flexy Product Cards
Author:- Jack Thomson
Made with:-HTML CSS JS

Title:- #030 – Profile Card Design
Author:-Florin Pop
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 Timeline Examples For Developers
Byfrontend March 4, 2021October 17, 2023

CSS Timeline examples are a great way to learn how CSS works, as well as how to build your own. See the Pen Angular Animated Vertical Timeline by Stephen McCann (@flatsteve) on CodePen. Title:- Angular Animated Vertical TimelineAuthor:- Stephen McCannMade With:- HTML CSS JAVASCRIPT See the Pen Process Timeline by Pop Razvan (@roppazvan) on CodePen….

Read More 40+ Best CSS Timeline Examples For Developers
CSS

30+ CSS Typewriter effect | CSS Typing Animation
Byfrontend August 22, 2020December 30, 2024

Typing Effect Author LeFourbeFromage Made With html css(scss) js(babel) Demo Check out Demo LINKS Download Stripe Typing Animation Author Ben Howdle Made With HTNL CSS JS Demo Check out Demo LINKS Download Typing Text with Javascript Author Max Made With HTML(HAML) CSS(SCSS) JS(COFEESCRIPT) Demo Check out Demo LINKS Download Typing Effect Author Van Huynh Made…

Read More 30+ CSS Typewriter effect | CSS Typing Animation
CSS

25+ Creating Stunning CSS Text Shadows for Your Website
Byfrontend May 16, 2021October 17, 2023

The CSS text-shadow the property adds a shadow effect to the text. It takes values for the horizontal offset, vertical offset, blur radius, and shadow color. Example: In this example, the text-shadow the property adds a 2px horizontal shadow 2px to the right, a 2px vertical shadow 2px down, and a 2px blurred shadow with…

Read More 25+ Creating Stunning CSS Text Shadows for Your Website
CSS

50+ Stunning CSS Pagination Examples (+ Code Snippets)
Byfrontend February 8, 2024February 8, 2024

Explore 50+ visually stunning CSS pagination examples, complete with code snippets and customization tips. Find the perfect solution for your website! 1. Pagination by Asif Islam See the Pen Pagination byasifpix(@asifpix) on CodePen. Author: Asif Islam Links: Source Code / DemoMade with: HTML CSS 2. Line Follow Pagination by MARK See the Pen Line Follow Pagination bydefaultclass(@defaultclass)…

Read More 50+ Stunning CSS Pagination Examples (+ Code Snippets)
CSS

45+ CSS Checkbox Examples for Web Developers
Byfrontend October 18, 2023October 18, 2023

This article includes 20+ examples of custom CSS checkbox styles that you can use to inspiration your own designs. Title:- ✅ Emojibox – Checkbox with emojis Author:- Jouan Marcel Made with:- HTML CSS JS Title:- CSS: `checkbox` Phone Number Input Author:- jake Made with:- HTML CSS JS Title:- Scalable Dribbble Switches Author:- Eric Sadowski Made…

Read More 45+ CSS Checkbox Examples for Web Developers
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