CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Pure CSS Card Carousel
Author:-Adam Kuhn
Made with:-HTML CSS JS

Title:- Card Hover Info Interaction
Author:-Sikriti Dakua
Made with:-HTML CSS JS

Title:- Flexbox Cards
Author:-Zayn
Made with:-HTML CSS JS

Title:- Card Experiment
Author:-Kyle Hyams
Made with:-HTML CSS JS

Title:- Blog Posts Card Layout – Code The Web
Author:- Booligoosh
Made with:-HTML CSS JS

Title:- Card Hover FX
Author:-Reiha Hosseini
Made with:-HTML CSS JS

Title:- 3D Carousel
Author:- Yoav Kadosh
Made with:-HTML CSS JS

Title:- 3D Cutout Card
Author:-Dannie Vinther
Made with:-HTML CSS JS

Title:- Ticket Cards
Author:-Rémi Rucojevic
Made with:-HTML CSS JS

Title:- Parallax Depth Cards
Author:- Andy Merskin
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

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 | Javascript

CSS Parallax Effect Example – Frontendin
Byfrontend May 14, 2021October 17, 2023

See the Pen Pure CSS Parallax Effect by Joshua Bemenderfer (@tribex) on CodePen. Title:- Pure CSS Parallax EffectAuthor:- Joshua BemenderferMade With:- HTML CSS See the Pen Pure CSS Parallax Effect (Depth of field) by FlyC (@FlyC) on CodePen. Title:- Pure CSS Parallax Effect (Depth of field)Author:- FlyCMade With:- HTML CSS See the Pen Simple, Pure…

Read More CSS Parallax Effect Example – Frontendin
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

20+ New Sliding Navigation Menu Example
Byfrontend February 17, 2024February 17, 2024

Developers, take your UX to the next level with 20+ sliding navigation menu example . Find inspiration and practical code examples to elevate your web creations. 1. Off-canvas Menu (Final) by Mojtaba Seyedi See the Pen Off-canvas Menu (Final) byseyedi(@seyedi) on CodePen. Author: Mojtaba Seyedi Links: Source Code / DemoMade with: HTML CSS 2. Left…

Read More 20+ New Sliding Navigation Menu Example
CSS

8 React Dropdown Example
Byfrontend October 18, 2023January 12, 2024

React Native Material Dropdown Author:-Alexander Nazarov Material dropdown with consistent behavior on iOS and Android Features Minimalistic dropdown and auto-complete component with filtering and keyboard support Author:-Revolist React Multi-Select Component Author:-Harsh Zalavadiya Simple and lightweight multiple selection dropdown components with checkboxes, search and select-all Features React Native Dropdown Alert Author:-Brian A simple alert to notify…

Read More 8 React Dropdown Example
CSS

50+ Best CSS Timeline Examples (Creation, Design & Inspiration)
Byfrontend October 18, 2023October 18, 2023

This is a collection of 50+ CSS Timeline Examples that are suitable for your web projects In this article, you’ll find 50+ best CSS Timeline Examples. See the Pen CSS Timeline by Nils Wittler (@NilsWe) on CodePen. Title:- CSS TimelineAuthor:- Nils WittlerMade With:- HTML CSS See the Pen CSS Timeline by Darcy Voutt (@darcyvoutt) on…

Read More 50+ Best CSS Timeline Examples (Creation, Design & Inspiration)