CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Dribble Mockup – Travel Homepage
Author:- miranda
Made with:-HTML CSS JS

Title:- Expanding flex cards
Author:- Zed Dash
Made with:-HTML CSS JS

Title:- Card Text
Author:-Bruce Brotherton
Made with:-HTML CSS JS

Title:- Comment Card with a Dots Background
Author:-Lucas Fernando
Made with:-HTML CSS JS

Title:- Reveal Card Content On Hover
Author:-Mark
Made with:-HTML CSS JS

Title:- Product Page
Author:-Chase Marlow
Made with:-HTML CSS JS

Title:- Blog Entry Layouts
Author:-Russ Beye
Made with:-HTML CSS JS

Title:- Card Design
Author:-Divya
Made with:-HTML CSS JS

Title:- Product Card
Author:-Arti Bhandari
Made with:-HTML CSS JS

Title:- Layout Practice, Using Grid
Author:-Bart Veneman
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 | Javascript

40+ Stunning CSS Hover Effects Example
Byfrontend September 12, 2020October 17, 2023

See the Pen 10 stylish hover effects with less by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stylish hover effects with lessAuthor:- Renan C. AraujoMade With:- HTML CSS See the Pen 10 stunning hover effects with sass by Renan C. Araujo (@caraujo) on CodePen. Title:- 10 stunning hover effects with sassAuthor:- Renan C. AraujoMade…

Read More 40+ Stunning CSS Hover Effects Example
CSS

15+ Examples of Animating CSS Grid Layout
Byfrontend October 18, 2023October 18, 2023

In this post, we will showcase 15+ examples of how to create animating CSS Grid layouts. Title:- CSS Grid Layout: Animation Author:- Manuel Matuzovic Made with:- HTML CSS JS Title:- CSS Grid Layout with grid-template-columns: repeat(); Author:- Stacy Made with:- HTML CSS JS Title:- Animate CSS Grid Author:- Alex Made with:- HTML CSS JS Title:-…

Read More 15+ Examples of Animating CSS Grid Layout
CSS

CSS Popup/Modal Design: 35+ Examples for Inspiration
Byfrontend October 18, 2023October 18, 2023

Every site developer should have access to CSS Popup/Modal design. You may create amazing and captivating user experiences for your website by using the 35+ examples CSS Popup/Modal provided here, which demonstrate the power of CSS. Title:-Password Modal with Finite State Machine Author:-David Khourshid Made with:- HTML CSS JS Title:-Nifty Modal Window or Slider Effects…

Read More CSS Popup/Modal Design: 35+ Examples for Inspiration
CSS

45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
Byfrontend October 18, 2023October 18, 2023

Want to learn how to create your own CSS text glitch effects? Check out these 45 CSS text glitch effects from CodePen! These effects are easy to follow and can help you learn the basics of CSS animation and clip-path properties. See the Pen Glitch Hover Effect CSS by kkhenriquez (@kkhenriquez) on CodePen. Title:- Glitch…

Read More 45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
CSS

20+ CSS Neon Text Effects
Byfrontend February 9, 2021December 30, 2024

Check Out Best Handpicked 20+ CSS Neon Text Effects Made With HTML CSS See the Pen CSS-only shimmering neon text by Giana (@giana) on CodePen. Title:- CSS-only shimmering neon textAuthor:- GianaMade With:- HTML CSS JAVASCRIPT See the Pen Neon Text Effect by Matt Smith (@AllThingsSmitty) on CodePen. Title:- Neon Text EffectAuthor:- Matt SmithMade With:- HTML…

Read More 20+ CSS Neon Text Effects
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)