CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Tailwind CSS Blog Card Block – 5th
Author:-Componentity
Made with:-HTML CSS JS

Title:- Card Hover Interactions
Author:-Ryan Mulligan
Made with:-HTML CSS JS

Title:- Image Masking with Pure CSS
Author:-Nooray Yemon
Made with:-HTML CSS JS

Title:- Responsive CSS News Card
Author:-Tenzing Gaychey
Made with:-HTML CSS JS

Title:- NFT Card Component
Author:-kiberbash
Made with:-HTML CSS JS

Title:- Profile Card
Author:-Heidi Chan
Made with:-HTML CSS JS

Title:- CvCardProfile
Author:-remat
Made with:-HTML CSS JS

Title:- Interactive And Responsive Card With Space Theme
Author:-Rafael Goulart
Made with:-HTML CSS JS

Title:- Stack of Polaroid Images. Wireframe
Author:-Håvard Brynjulfsen
Made with:-HTML CSS JS

Title:- Card Styles
Author:-Dana A.
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

50 Beautiful CSS3 Screen Loader Animations(Download Code Included)
Byfrontend October 18, 2023October 18, 2023

CSS Screen loader animation is a technique used to create a smooth transition for the web pages when it is loading. In this article, we will discuss about some of the best CSS loading animations examples that you can use in your website. Redirecting CSS Loader An animated illustration made with code_This animation is part…

Read More 50 Beautiful CSS3 Screen Loader Animations(Download Code Included)
CSS

40+ CSS Book Effects to Practice Your CSS3 Skills
Byfrontend October 18, 2023October 20, 2023

If you’re looking for a fun and challenging way to practice your CSS3 skills, these 40+ CSS book effects are perfect for you. With code examples, you’ll be able to create these stunning effects yourself. See the Pen Pure CSS Magazine Style Layout with Transitions by jcoulterdesign (@jcoulterdesign) on CodePen. Title:- Pure CSS Magazine Style…

Read More 40+ CSS Book Effects to Practice Your CSS3 Skills
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 Glow Effects (Updated)
Byfrontend November 16, 2023April 14, 2024

Explore a collection of 50 dazzling CSS Glow Effects examples to spark your developer creativity. See real-world applications and get inspired for your next web project. RELATED ARTICLES 1. Spinner With Glowing, Gooey Effect by Lou See the Pen Spinner With Glowing, Gooey Effect byhostsamurai(@hostsamurai) on CodePen. Author: Lou Links: Source Code / DemoMade with:…

Read More 45+ CSS Glow Effects (Updated)
CSS

30+ HTML Slideshows From CodePen
Byfrontend October 18, 2023September 8, 2024

Check out The Best 30+ creative CSS HTML slideshows from CodePen, showcasing the power of CSS and HTML in creating engaging slideshows. 1. Dual Slideshow Demo by Jacob Davidson See the Pen Dual Slideshow Demo byReklino(@Reklino) on CodePen. Author: Jacob Davidson Links: Source Code / DemoMade with: HTML CSS 2. Slideshow Concept (No JS) by…

Read More 30+ HTML Slideshows From CodePen
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