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

50+ Best 404 Page Templates on CodePen 2024
Byfrontend March 28, 2021February 22, 2024

Are you looking for some creative and unique 404 page templates for your website? If so, you have come to the right place. In this article, we have compiled a list of 50+ best 404 page templates on CodePen that you can use for free or get inspired by. A 404 page is a web…

Read More 50+ Best 404 Page Templates on CodePen 2024
CSS

50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
Byfrontend October 18, 2023October 18, 2023

50+ Cool CSS Reveal Animations Demos You Can Use A blog around 20 cool CSS animations that can be used on your website. See the Pen Fading text with CSS blend modes by giana (@giana) on CodePen. Title:- Fading text with CSS blend modes Author:-Giana Made with:-HTML CSS See the Pen CSS Reveal Slider by…

Read More 50+ CSS Reveal Animations That Are Super-Useful for Your Next Project
CSS | Javascript

20+ CSS tabs Example
Byfrontend September 16, 2020October 17, 2023

See the Pen Pure CSS Tabs With Indicator by Alex (@woranov) on CodePen. Title:-Pure CSS Tabs Design With IndicatorAuthor:-AlexMade With:-HTML,CSS,JS See the Pen Pure CSS Tabs by Wallace Erick (@wallaceerick) on CodePen. Title:-Pure CSS TabsAuthor:-Wallace ErickMade With:-HTML,CSS,JS See the Pen II just another Css tabs (:checked) by Kseso (@Kseso) on CodePen. Title:-II just another CSS…

Read More 20+ CSS tabs Example
CSS

HOW TO: CSS Blur Background with 40+ Examples
Byfrontend October 18, 2023October 20, 2023

See the Pen Header w/Fixed BG + CSS blur(); by Joe Watkins (@joe-watkins) on CodePen. Title :- Header w/Fixed BG + CSS blur();Author :- Joe WatkinsMade with:- CSS HTML See the Pen Full Page Intro & Navigation by CodyHouse (@codyhouse) on CodePen. Title :- Full Page Intro & NavigationAuthor :- CodyHouseMade with:- CSS HTML See…

Read More HOW TO: CSS Blur Background with 40+ Examples
CSS

10 FREE BEST JAVASCRIPT BOOKS
Byfrontend October 18, 2023October 18, 2023

This is a collection of free books to learn if you’d prefer to find out about JavaScript. These JavaScript books are in a variety of digital formats: PDF, EPUB, HTML, etc JavaScript Enlightenment JavaScript Enlightenment deeply delves into advanced JavaScript features. To give you an idea of how specialized this book is certainly: There’s a…

Read More 10 FREE BEST JAVASCRIPT BOOKS
CSS

50+ CSS grid template
Byfrontend May 27, 2020October 17, 2023

CSS Grid Layout with grid-template-columns: repeat(); Author Stacy Made With HTML,CSS(SCSS) Demo Check Out Demo Links Download Monopoly board Author John Coppola Made With HTML,CSS(SCSS) Demo Check Out Demo Links Download CSS-Grid Gantt Chart Author Phil Made With HTML,CSS(SCSS) Demo Check Out Demo Links Download Comic book style layout with CSS Grid Author Aysha Anggraini…

Read More 50+ CSS grid template