CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- Pure CSS Card Carousel
Author:-Adam Kuhn
Made with:-HTML CSS JS

Title:- Card Hover Info Interaction
Author:-Sikriti Dakua
Made with:-HTML CSS JS

Title:- Flexbox Cards
Author:-Zayn
Made with:-HTML CSS JS

Title:- Card Experiment
Author:-Kyle Hyams
Made with:-HTML CSS JS

Title:- Blog Posts Card Layout – Code The Web
Author:- Booligoosh
Made with:-HTML CSS JS

Title:- Card Hover FX
Author:-Reiha Hosseini
Made with:-HTML CSS JS

Title:- 3D Carousel
Author:- Yoav Kadosh
Made with:-HTML CSS JS

Title:- 3D Cutout Card
Author:-Dannie Vinther
Made with:-HTML CSS JS

Title:- Ticket Cards
Author:-Rémi Rucojevic
Made with:-HTML CSS JS

Title:- Parallax Depth Cards
Author:- Andy Merskin
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+ Best CSS Liquid / Water Effects Codepen Collection
Byfrontend October 18, 2023March 23, 2024

You will find the most amazing collection of css liquid effects from codepen in this post. You can learn how to create liquid type of effects, how to animate it and even how to make your own awesome background. 1. Liquify Text SVG Filter by Michael McMillan See the Pen Liquify Text SVG Filter byMikeMcChillin(@MikeMcChillin)…

Read More 40+ Best CSS Liquid / Water Effects Codepen Collection
CSS

10+ Responsive CSS Testimonial Designs with CSS & HTML (Free Code)
Byfrontend February 25, 2024December 30, 2024

Take your testimonials to the next level! Find 10+ inspiring responsive CSS Testimonial Example, free code examples, and design strategies to attract and convert visitors. 1. #1390 – Testimonial Card by LittleSnippets.net See the Pen #1390 – Testimonial Card bylittlesnippets(@littlesnippets) on CodePen. Author: LittleSnippets.net Links: Source Code / DemoMade with: HTML CSS 2. Testimonials Grid…

Read More 10+ Responsive CSS Testimonial Designs with CSS & HTML (Free Code)
CSS

70 Best CSS Animated Backgrounds (Updated)
Byfrontend October 18, 2023April 5, 2024

Lightweight yet impactful! Discover a collection of high-performing CSS background animations perfect for modern UIs. Code with confidence! RELATED ARTICLES 1. -webkit-background-clip:text CSS effect by Jintos See the Pen -webkit-background-clip:text CSS effect byJintos(@Jintos) on CodePen. Author: Jintos Links: Source Code / DemoMade with: HTML CSS JS 2. Chameleon background by Roland Warmerdam See the Pen…

Read More 70 Best CSS Animated Backgrounds (Updated)
CSS

Explore Unique 15+ CSS Alert Box Styles From CodePen
Byfrontend October 18, 2023October 19, 2023

CodePen is a website where developers can share and showcase their code. There are many different CSS alert box styles available on CodePen, so you can find one that fits your needs perfectly. Here are a few examples of unique CSS alert box styles from CodePen See the Pen Pure HTML + CSS alerts with…

Read More Explore Unique 15+ CSS Alert Box Styles From CodePen
CSS

20+ Examples Of Great Tab Bar Menu Animations (For Your Inspiration)
Byfrontend October 18, 2023October 18, 2023

See the Pen mobile navigation concept by Tobias Glaus (@tobiasglaus) on CodePen. Title:- mobile navigation conceptAuthor:- Tobias GlausMade With:- HTML CSS JAVASCRIPT See the Pen Fancy tab bar active animation by Aaron Iker (@aaroniker) on CodePen. Title:- Fancy tab bar active animationAuthor:- Aaron IkerMade With:- HTML CSS JAVASCRIPT See the Pen Tab bar active animation…

Read More 20+ Examples Of Great Tab Bar Menu Animations (For Your Inspiration)
CSS

45+ CSS Input Text Example
Byfrontend April 28, 2024April 28, 2024

Discover 45+ creative CSS examples to style your input fields and make your forms pop. 1. Fancy Text Inputs by Alex Bergin See the Pen Fancy Text Inputs byabergin(@abergin) on CodePen. Author: Alex Bergin Links: Source Code / DemoMade with: HTML CSS 2. Google Material Design Input Boxes by Chris on Code See the Pen…

Read More 45+ CSS Input Text Example