CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Glass Card
Author:-Marcello Lopes
Made with:-HTML CSS JS

Title:- Payment Card Swipage
Author:- Jamie Coulter
Made with:-HTML CSS JS

Title:- La Saveur: French Menu Cards
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Marvel Corner Box Art
Author:-Aryan Tayal
Made with:-HTML CSS JS

Title:- Daily UI #006 User Profile
Author:- Tobias
Made with:-HTML CSS JS

Title:- 3D Perspective Cards with Depth
Author:-Fernando Cohen
Made with:-HTML CSS JS

Title:- Cards – Codepen Assets
Author:-Sowmya Seshadri
Made with:-HTML CSS JS

Title:- 2021 Card
Author:-Pieter Biesemans
Made with:-HTML CSS JS

Title:- Flexy Product Cards
Author:- Jack Thomson
Made with:-HTML CSS JS

Title:- #030 – Profile Card Design
Author:-Florin Pop
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

Learn CSS Animation with 100+ CodePen Examples
Bygscode September 13, 2023October 20, 2023

Want to take your CSS skills to the next level? Browse through 100+ awesome animation examples from CodePen creators and learn how to add engaging motion to your web projects. See the Pen 2020 SVG Animation by keyframers (@keyframers) on CodePen. Title:- 2020 SVG Animation Author:-@keyframers Made with:-HTML / CSS (SCSS) See the Pen Animated…

Read More Learn CSS Animation with 100+ CodePen Examples
CSS

50+ CSS Horizontal Navigation Bar Examples
Byfrontend February 14, 2024February 14, 2024

Get inspired by 50+ Best CSS horizontal navigation bar examples. From sleek minimalism to dynamic animations, find the style that matches your website’s personality. RELATED ARTICLES 1. Animated Underline Hover by Justin See the Pen Animated Underline Hover byjstn(@jstn) on CodePen. Author: Justin Links: Source Code / DemoMade with: HTML CSS js 2. #1217 –…

Read More 50+ CSS Horizontal Navigation Bar Examples
CSS

50+ Best CSS Gradients For Your Inspiration
Byfrontend October 18, 2023October 18, 2023

In this article, we’ll showcase 50+ of the best CSS gradient examples to inspire your next project Title:- Gradient Ghost ButtonsAuthor:- AlexMade With:- HTML CSS JS Title:- Candy Color Button AnimationAuthor:- YuhomyanMade With:- HTML CSS JS Title:- React Color GradientsAuthor:- Marco BiedermannMade With:- HTML CSS JS Title:- Animated Back GlowAuthor:- George HastingsMade With:- HTML CSS…

Read More 50+ Best CSS Gradients For Your Inspiration
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

30+ Best CSS Text Stroke Effects For Your Inspiration
Byfrontend October 18, 2023October 18, 2023

In this article, we will explore 30 of the best CSS text stroke examples to help you figure out what a CSS text stroke might look like for your projects Title:- Striking Splits ?? | Full Screen Menu Animation Tutorial @keyframers 2.16.0 Author:- @keyframers Made with:- HTML CSS JS Title:- Text stroke animation Author:- Cyd…

Read More 30+ Best CSS Text Stroke Effects For Your Inspiration
CSS

Best 10+ jQuery Animation Library and Plugins
Byfrontend October 18, 2023October 18, 2023

An animated illustration made with JS. Author Issey October 19, 2016 Made With HTML / CSS / JS Demo Check Out Demo Links Download Pointer following Animated Face JavaScript Library Author Creepyface Made With HTML / CSS / JS Demo Check Out Demo Links Download BUTTONS FALLING APART Author Mikael Ainalem May 29, 2018 Made…

Read More Best 10+ jQuery Animation Library and Plugins