CSS: Day 74

Day 74 in yellow

Hope everyone is doing well, today we will be making a flip card.

A card flipping around when it is in its hover state

Now for the code,

<div class="card">
<div class=" card__default card__front">Hello</div>
.card {
margin: 2rem auto;




Road to dev

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to do Application Logging in AWS?

Designing Flexible and Cross-Platform API using Asp.Net Core — Part 2

One project, one QA

Upgrading your tech skills to a management role

Tutorial Fuzzy Logic Mamdani for Arduino

Tutorial Fuzzy Logic Mamdani for Arduino

Online Learning Strategies: 5 Highly Effective Motivation Techniques for Learning SQL (And Any…

Compiling and Running Custom Shellcode

How to Create a Data Center or Cloud Migration Move Group Plan

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chanak Karki

Chanak Karki

Road to dev

More from Medium

Mobile Responsive CSS Grid made easy!

Editing Concept: Convert Figma/Sketch to HTML & CSS in pxCode

CSS: what is the difference between rem, em, px, & vw/vh units

A journey of how we cloned Croma website