CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Hover The Rainbow
Author:-Alessandro Pilastrini
Made with:-HTML CSS JS

Title:- Glassmorphism: Simple Card UI
Author:-Rahul
Made with:-HTML CSS JS

Title:- Responsive Digital Business Card
Author:-fabian wohlgemuth
Made with:-HTML CSS JS

Title:- CSS Filter Cards
Author:-Steve Meredith
Made with:-HTML CSS JS

Title:- Card Text
Author:-Jonathan Dempsey
Made with:-HTML CSS JS

Title:- Article Deck
Author:-Charlotte Dann
Made with:-HTML CSS JS

Title:- Card Hover with :has()
Author:-Aleksandar Čugurović
Made with:-HTML CSS JS

Title:- Flashing Twitter Author Card
Author:-David East
Made with:-HTML CSS JS

Title:- Profile Card
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Card Hover Effect
Author:-Aaron Iker
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

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

New CSS Page Transition Effects: 30+ Cool Ideas and Code Examples
Byfrontend October 18, 2023October 18, 2023

some inspiration for your next CSS page transition? Check out this collection of 30+ cool and creative CSS page transition effects, complete with code examples. See the Pen Responsive Bodymovin Modal / Page Transition by sandstedt (@sandstedt) on CodePen. Title:- Responsive Bodymovin Modal / Page Transition Author:-Jonas Sandstedt Made with:-HTML CSS JS See the Pen…

Read More New CSS Page Transition Effects: 30+ Cool Ideas and Code Examples
CSS

10+ Best Parallax Animation Example
Byfrontend October 18, 2023December 31, 2024

See the Pen vNNzyG by carpenumidium (@carpenumidium) Author: carpenumidium (@carpenumidium) Links: Source Made with: HTML, CSS, JavaScript See the Pen dyOxxGb by creativeocean (@creativeocean) Author: creativeocean (@creativeocean) Links: Source Made with: HTML, CSS, JavaScript See the Pen wLdoxB by elecweb (@elecweb) Author: elecweb (@elecweb) Links: Source Made with: HTML, CSS, JavaScript See the Pen LYPGxQz…

Read More 10+ Best Parallax Animation Example
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

35+ stunning css paper effect examples for your next design project
Byfrontend October 18, 2023October 18, 2023

Take your design projects to the next level with 40+ stunning css paper effect examples! From vintage to modern, discover the versatility and beauty of this technique today Title:-#codepenchallenge Paperboy Author:-Liam Made with:- HTML CSS JS Title:-Editable College Ruled Paper Author:-Preston Farr Made with:- HTML CSS JS Title:-Letter opening Author:-Paul Made with:- HTML CSS JS…

Read More 35+ stunning css paper effect examples for your next design project
CSS

30+ CSS Fire Animations (Updated)
Byfrontend December 23, 2020April 14, 2024

Level up your design skills with our massive collection of CSS fire animations. Find the perfect flame effect for your project! 1. Campfire: Pure CSS by Kyle Wetton See the Pen Campfire: Pure CSS bykylewetton(@kylewetton) on CodePen. Author: Kyle Wetton Links: Source Code / DemoMade with: HTML CSS 2. Flame Animation by Uwe Chardon See…

Read More 30+ CSS Fire Animations (Updated)