When it comes to web development, no tool is as fundamental as CSS and HTML, the two languages responsible for creating visually appealing and functional web designs. One of the most popular design elements on any website is a card design. It is an effective way to display content in a compact and organized manner, making it easy for the user to navigate through information.
With an abundance of free HTML and CSS card code examples available on the internet, designers and developers can easily experiment with different styles and functionalities. In this article, we have compiled a comprehensive collection of 70 free HTML and CSS card code examples, providing designers and developers with a diverse range of options to choose from and integrate into their projects.
Title:
CSS-only Slide-up Caption Hover Effect
Created on:
March 13, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. It only slide-up caption on hover.
Title:
3D Perspective cards with depth [CSS]
Created on:
March 24, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
flexboxgrid.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D CSS card which is created on HTML and CSS(SCSS). An animation appears on hovering over the card.
Title:
mini profile
Created on:
May 05, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern animated CSS card which is created on HTML and CSS. It has a animation, on hovering the card layout gets changed.
Title:
Card with gradient border and background
Created on:
August 09, 2022
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS(SCSS). This card contains gradient border and transparent background.
Title:
Cards
Created on:
January 05, 2022
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
It is a simple yet modern CSS card which is created on HTML and CSS. The design is simple and easy to understand.
Title:
Card Component
Created on:
December 15, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D , CSS card which is created on HTML and CSS(SCSS). It is a NFT card component with Glassmorphism and highlighted hover transition.
Title:
3D Card
Created on:
January 12, 2023
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS. It gives a 3D effect on the card upon hover.
Title:
UI design product
Created on:
December 08, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern CSS card which is created on HTML and CSS(SCSS). This card has elevation effect on the object on hovering.
Title:
Card Hover with :has()
Created on:
January 08, 2023
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A cool Card hover concept with :has() pseudo selector, which is created on HTML and CSS. This card changes it's content with animation when the cursor is hovered over the card.
Title:
hover expand icon into a button
Created on:
October 21, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing CSS card, created along with HTML and CSS(SCSS). On this card when hovered icons expand into a button.
Title:
DRY switch hover card [ Speedy CSS Tips! ⚡️]
Created on:
November 04, 2022
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing CSS card, created along with HTML and CSS. This card contains speedy css animations when hovered over the card the object on the card get 3D zoomed while the background remains constant.
Title:
Item Hover Color Background
Created on:
December 26, 2022
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful, CSS card which is created on HTML and CSS. It is a card with a simple black background , on hovering the cursor over the cards the color of the background changes with content remaining constant.
Title:
Travel Deal Card Hover Rotation Effect
Created on:
January 29, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A sleek CSS card which is created on HTML and CSS(SCSS),JS. This card has rotation effect on hovering.
Title:
Simple Animated Card
Created on:
July 11, 2022
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing CSS card, created along with HTML and CSS(SCSS). Super simple card, which reveals extra text and hyperlink on hover.
Title:
Card hover effect
Created on:
November 18, 2022
Made with:
HTML, CSS(SCSS), JS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful, CSS card which is created on HTML and CSS(SCSS),JS. This cards changes animation in the background on hovering over the card while the content on the card remains constant.
Title:
Glass Card
Created on:
August 31, 2022
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS. It is a ultra modern looking card which has a translucent glass finish background .
Title:
Card hover effect
Created on:
January 23, 2023
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful CSS card which is created on HTML and CSS. It is a card with a simple background , on hovering the cursor over the cards the content is displayed with a animated transition.
Title:
Glassmorphism: Simple Card UI
Created on:
March 28, 2022
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing, CSS card, created along with HTML and CSS(SCSS). SIMPLE CARD UI with glass like transparent background.
Title:
FE-Mentor NFT Preview Card
Created on:
November 24, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A cool Card hover concept which is created on HTML and CSS. It changes the picture of the NFT when hovered over it.
Title:
Marvel Corner Box Art
Created on:
November 13, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple yet modern CSS card which is created on HTML and CSS. It's design is based on the marvel comics universe.
Title:
Card Text challenge
Created on:
November 10, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple yet modern CSS card which is created on HTML and CSS. It's design is based on the pages of a notebook.
Title:
Profile card
Created on:
October 18, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS. This card is credential page with a transparent background.
Title:
Keyboard accessible animated card
Created on:
September 26, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
It is a simple yet modern CSS card which is created on HTML and CSS. Animated elements on hover.
Title:
Profile Card Hover Effect
Created on:
November 12, 2020
Made with:
HTML, CSS(Stylus)
Responsive:
No
Dependencies:
N/Afont-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern CSS card which is created on HTML and CSS(Stylus). This card has zoom in effect on the background of the card on hovering.
Title:
Holiday Feature Folding Cards [Pure CSS]
Created on:
April 26, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A small holiday deals page focusing on folding cards design and functionality, only using HTML and CSS.
Title:
Article Card
Created on:
June 21, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS. It has a 3D animation, on hovering the card gets elevated.
Title:
Sneaker Product Cards
Created on:
July 02, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D , CSS card which is created on HTML and CSS. It is a Sneaker product card with elevated animations on hovering.
Title:
Card
Created on:
June 26, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple card component using :focus-within and some other neat stuff.
Title:
Amazing Card Fill Hover Using HTML & CSS
Created on:
June 17, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing card built using html & css. The card fills up on hover
Title:
Hover Cards POC v2
Created on:
June 17, 2021
Made with:
HTML(PUG), CSS(Stylus)
Responsive:
No
Dependencies:
tailwind.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D CSS card which is created on HTML(PUG) and CSS(Stylus). On hovering stack of cards is displayed.
Title:
Shopping Layout Sample Design
Created on:
June 15, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A scrolling modern 3D , CSS card which is created on HTML and CSS. These css card have simple design, it is a simple shopping layout.
Title:
Tailwind CSS Card UI
Created on:
April 23, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
tailwind.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A set of beautiful, elegant product cards built using HTML and Tailwind CSS. These cards also feature excellent typography and a slight hover animation.
Title:
F1 Player Hexagon Card Responsive
Created on:
May 27, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing card built using html & css(SCSS) with clip-path it's easy to make cards in any shape.
Title:
Price cards animation
Created on:
May 07, 2021
Made with:
HTML(PUG), CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D CSS card which is created on HTML(PUG) and CSS(SCSS). An animation appears on loading the page.
Title:
Color Palette Trading Cards
Created on:
April 16, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. It's design is based on a pokemon card.
Title:
Advanced figure card using CSS grid.
Created on:
April 14, 2021
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A card with drop-shadow, background image, several text elements, and a featured image, all marked up in a standard element and styled using CSS Grid.
Title:
Cards Hover Effect -> HTML & CSS
Created on:
March 09, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. It animates out the cover picture to display the content of the card.
Title:
Responsive Digital Business Card
Created on:
February 06, 2021
Made with:
HTML, CSS,JS
Responsive:
Yes
Dependencies:
font-awesome.css, tailwind.css, alpine.js
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Template for a responsive digital business card. Including: Tailwind for styling, Font-Awesome for the social icons, Alpine JS for animations.
Title:
Product Card UI Hover Floating
Created on:
January 17, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D CSS card which is created on HTML and CSS. This card has elevation effect on the object on hovering.
Title:
2021
Created on:
January 04, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing transparent CSS card, created along with HTML and CSS(SCSS). On this card when hovered the card moves.
Title:
Glassmorphism UI Card
Created on:
December 18, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple yet modern card component built using html and css. It is a just a basic yet modern design name card.
Title:
product card
Created on:
December 13, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. It has a hidden description panel which appears on hovering.
Title:
CSS Glassmorphism Card Hover Effects
Created on:
December 09, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A cool Card hover concept which is created on HTML and CSS(SCSS). It shows the extra information when hovered over it.
Title:
Basic Neumorphism Card Style Success + Lottie
Created on:
November 19, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
lottie-player.js
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple yet modern card component built using html and css(SCSS). It has simple animation on hovering.
Title:
UI: Gradient Banner Cards
Created on:
November 05, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Cards developed with gradient background and simple CSS transitions and pseudo-elements.
Title:
Expanding card hover effect
Created on:
October 14, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Expanding card, card collapse, card fill animation expanding card hover effect.
Title:
Pure CSS Product Card
Created on:
October 08, 2020
Made with:
HTML(haml), CSS(SCSS)
Responsive:
No
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern CSS card which is created on HTML(haml) and CSS(SCSS). This card has amazing aniimations on selection different options from the list.
Title:
Data Card - hover transitions
Created on:
October 08, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A sleek CSS card which is created on HTML and CSS(SCSS). This card has change of background on hover.
Title:
Data Card - hover transitions
Created on:
September 26, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing card built using html & css. On hovering the cursor a particular object it sharpens and the rest of the page gets blurred out.
Title:
Nuemorphism-card-design
Created on:
September 20, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A sleek CSS card which is created on HTML and CSS. The card gets elevated on hover.
Title:
Card Image with description on :hover
Created on:
September 09, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. Card image with description on hover.
Title:
Image masking with pure CSS
Created on:
July 21, 2020
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing CSS card, created along with HTML and CSS. Image masking with pure CSS (transform and overflow).
Title:
Hover Effect - cp-challenge
Created on:
April 27, 2020
Made with:
HTML, CSS
Responsive:
No
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A cool Card hover concept which is created on HTML and CSS. The card zooms in when hovered.
Title:
CSS Card Hover Effects
Created on:
September 15, 2019
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. This card expands with description when hovered over it.
Title:
Circle animated cards
Created on:
August 27, 2019
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A ultra modern 3D CSS card which is created on HTML and CSS. The picture of the card dissappears making the description on hover.
Title:
Card Design
Created on:
August 09, 2019
Made with:
HTML(PUG), CSS(SCSS)
Responsive:
Yes
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A sleek CSS card which is created on HTML(PUG) and CSS(SCSS). The card displays description on hover.
Title:
Figure + Figcaption
Created on:
June 21, 2018
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful CSS card which is created on HTML and CSS(SCSS). The title dissappers, the background zooms in and the description is displayed on hovered.
Title:
Hover Card Interaction
Created on:
May 11, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
By animating a few CSS paint & composite properties, we can create fun interactions on hover & focus.
Title:
Card Hover Interactions
Created on:
February 06, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Hacking together a solution to show part of an element in a card as a default state, lining up the element headline across each card and then animating the element to the center of its parent element.
Title:
Turned business card on CSS
Created on:
April 05, 2019
Made with:
HTML(PUG), CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Hover over the body to change the angle of inclination. You can click on the map to see its reverse side. The effect is based on pure CSS with properties: - display: grid - perspective - transform and - mouse hover - input: checked - and dependence on neighboring objects
Title:
Card Animation
Created on:
March 09, 2019
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Animated card with header and subheader in HTML and CSS(SCSS).
Title:
Ticket cards
Created on:
January 30, 2020
Made with:
HTML, CSS(SCSS)
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
Simple and clean ticked cards in HTML and CSS(SCSS) with on hover animations.
Title:
OL circle cards
Created on:
March 05, 2022
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
font-awesome.css
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern 3D , CSS card which is created on HTML and CSS. This card is circular in shape with the content in it.
Title:
3D CSS card
Created on:
November 24, 2021
Made with:
HTML, CSS(SCSS)
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
An amazing CSS card, created along with HTML and CSS. This card contains css animations when hovered over the card it turns around.
Title:
Backlit Card (#CSS)
Created on:
September 14, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful CSS card which is created on HTML and CSS. It consist of a backlight card with RGB.
Title:
Profile Card
Created on:
August 22, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A simple yet modern CSS card which is created on HTML and CSS. It's a simple CSS Glassmorphism card hover effect.
Title:
Pure CSS Responsive animated info card
Created on:
June 24, 2022
Made with:
HTML, CSS
Responsive:
Yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A wonderful CSS card which is created on HTML and CSS. Animated elements on page entry. Animated elements on hover.
Title:
Sticky Cards
Created on:
October 22, 2022
Made with:
HTML(PUG), CSS(SCSS)
Responsive:
yes
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A scrolling modern 3D , CSS card which is created on HTML and CSS. These css card have simple design, magic happens when it is scrolled, all the cards get stacked on top of each other in a animated way.
Title:
Comment card with a dots background
Created on:
June 07, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
This is a card created using only HTML5 and CSS3, it is beautiful and goes well with this background of lines.
Title:
Camila's card
Created on:
October 21, 2021
Made with:
HTML, CSS
Responsive:
No
Dependencies:
nan
Compatible browsers:
Opera, Firefox, Chrome, Brave, Edge, Safari
Code description:
A modern CSS card which is created on HTML and CSS. It's design is based on a birthday card and it is full of css animations.
