CSS

150+ CSS Cards Layouts with Code and Demos

Byfrontend October 18, 2023December 30, 2024

Title:- InfoCard CSS Only V1
Author:-Emil Alicic
Made with:-HTML CSS JS

Title:- CSS Grid: Card Variations
Author:-Olivia Ng
Made with:-HTML CSS JS

Title:- Hover Expand Icon Into a Button
Author:-wojtek
Made with:-HTML CSS JS

Title:- Data Card. Hover Transitions
Author:-Andy Fought
Made with:-HTML CSS JS

Title:- McDonalds Card – TailwindCSS
Author:-Aashir Aamir Khan
Made with:-HTML CSS JS

Title:- Pokemon Card Holo Effect
Author:- Simon Goellner
Made with:-HTML CSS JS

Title:- Article Card
Author:-Josh Werner
Made with:-HTML CSS JS

Title:- Cards Hover Effect
Author:-Sebi
Made with:-HTML CSS JS

Title:- Info Cards Concept
Author:-Yancy Min
Made with:-HTML CSS JS

Title:- Flipping Cards
Author:-Shahid Shaikh
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

25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
Byfrontend October 18, 2023October 21, 2023

Javascript is a programming language that can be used in many of the web pages. It is one of the leading languages used for creating web pages and apps. Javascript is not just a language, it is also a platform for developing applications. It has been used for a long time and it has become…

Read More 25+ Best Javascript Games Code Of All Time: A List For Programmers & Web Designers
CSS

30+ Pure CSS Off Canvas Menu Navbar Example
Byfrontend February 16, 2024February 16, 2024

Discover 30+ pure CSS off-canvas menu examples, ready to elevate your UI/UX designs without JavaScript. Implement eye-catching effects, enhance responsiveness, and optimize performance. 1. Hidden Side Menu by Joshua Ward See the Pen Hidden Side Menu byjoshuaward(@joshuaward) on CodePen. Author: Joshua Ward Links: Source Code / DemoMade with: HTML CSS js 2. Offcanvas Sidebar Menu…

Read More 30+ Pure CSS Off Canvas Menu Navbar Example
CSS

50+ CSS Chatbot template using HTML & CSS
Byfrontend October 18, 2023July 9, 2024

Craft a user-friendly chatbot experience for your website or app. Download this free HTML & CSS template, customize it to your needs, and leverage CSS for stylish design. No JavaScript required! 1. #codevember 04/2016 – Chat box by André F. Martins See the Pen #codevember 04/2016 – Chat box bymartinsadw(@martinsadw) on CodePen. Author: André F….

Read More 50+ CSS Chatbot template using HTML & CSS
CSS

50+ Best CSS Timeline Examples (Creation, Design & Inspiration)
Byfrontend October 18, 2023October 18, 2023

This is a collection of 50+ CSS Timeline Examples that are suitable for your web projects In this article, you’ll find 50+ best CSS Timeline Examples. See the Pen CSS Timeline by Nils Wittler (@NilsWe) on CodePen. Title:- CSS TimelineAuthor:- Nils WittlerMade With:- HTML CSS See the Pen CSS Timeline by Darcy Voutt (@darcyvoutt) on…

Read More 50+ Best CSS Timeline Examples (Creation, Design & Inspiration)
CSS

45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
Byfrontend October 18, 2023October 18, 2023

Want to learn how to create your own CSS text glitch effects? Check out these 45 CSS text glitch effects from CodePen! These effects are easy to follow and can help you learn the basics of CSS animation and clip-path properties. See the Pen Glitch Hover Effect CSS by kkhenriquez (@kkhenriquez) on CodePen. Title:- Glitch…

Read More 45 CSS Text Glitch Effects from CodePen: Learn How to Create Your Own Glitch Effects
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