CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Profile Card
Author:-znapci
Made with:-HTML CSS JS

Title:- CSS Glassmorphism Card Hover Effects
Author:-Luisoms
Made with:-HTML CSS JS

Title:- Polaroid Memories – CSS Only
Author:-Nico
Made with:-HTML CSS JS

Title:- Swipeable Cards nightly
Author:- Ionic
Made with:-HTML CSS JS

Title:- CSS-Only Gooey Content Toggle
Author:-@keyframers
Made with:-HTML CSS JS

Title:- Business Card
Author:-Rick
Made with:-HTML CSS JS

Title:- Isometric Card Grid
Author:- Jon Kantner
Made with:-HTML CSS JS

Title:- 3D Fold out reveal
Author:- Andrew Canham
Made with:-HTML CSS JS

Title:- Blog Card Grid
Author:-Hannah
Made with:-HTML CSS JS

Title:- Flipping Card Effect
Author:-Kniw Studio
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

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

100+ CSS Radio Button Designs
Byfrontend September 29, 2020April 7, 2024

No coding experience required! Learn how to quickly create beautiful and customizable radio buttons for your website using simple CSS techniques. 1. Radios Under the Hood by Jon Kantner See the Pen Radios Under the Hood byjkantner(@jkantner) on CodePen. Author: Jon Kantner Links: Source Code / DemoMade with: HTML CSS 2. CSS Custom Radio Buttons…

Read More 100+ CSS Radio Button Designs
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

10+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
Byfrontend May 16, 2021January 30, 2024

Level up your web design check out the best collection of 10+ Ken Burns effects from CodePen! No Javascript required – explore pure CSS solutions for developers who value code. Find inspiration for beautiful animations, unique slideshows, and hidden gems that’ll add a touch of magic to your web projects. 1. Ken Burns effect CSS…

Read More 10+ Mind-Blowing Ken Burns Effects in CSS & JS (CodePen)
CSS

The Best 40+ CSS SELECT BOX
Byfrontend October 18, 2023October 18, 2023

See the Pen Custom Select Box With Custom Scroll by FrankieDoodie (@FrankieDoodie) on CodePen. Title:- Custom Select Box With Custom Scroll Author:-Dejan Babić Made with:-HTML CSS See the Pen Custom Select Box JQuery Plugin By VJ by vulchivijay (@vulchivijay) on CodePen. Title:- Custom Select Box JQuery Plugin By VJ Author:-Vijaya Kumar Vulchi Made with:-HTML CSS…

Read More The Best 40+ CSS SELECT BOX
CSS

15 Inspiring & Creative Bootstrap Navigation Bar Ideas
Byfrontend October 18, 2023October 18, 2023

Bootstrap navigation bar is a common element that can be used in almost all web projects. They are often used to display the menu of your website, as well as provide additional information and functionality. In this article we will look at 15 best and most creative bootstrap navbar ideas that you can use in…

Read More 15 Inspiring & Creative Bootstrap Navigation Bar Ideas