
How to create a Flip Presentation Card
Before We Start
Every developer needs clean and modern elements to develop their websites, It contains pictures and a user interface element within a website. The most important one and the first section that the user sees when the user enters a website. How to create a Flip Presentation Card
So if you are a person who wishes to develop a website, you have to know how to create that properly.

How to create a Flip Presentation Card
We are here to solve your problem. In this article we discuss how to create these elements. Before we start please read the below articles which easier you to understand the process, if you are new to development.
Step 1 – Add HTML
It’s too easy and simple. Just copy and paste below code in your HTML editor between <body> </body> tag.
<div class="card-container">
<div class="card">
<div class="front">
<h1 class="logo">Logo</h1>
</div>
<div class="back">
<div class="back-left">
<div class="back-left-top">
<h2>W3Schoolweb</h2>
<h3>Founder & CEO</h3>
</div>
<div class="back-left-down">
<p>3312154077</p>
<p>info@logo.com</p>
<p>logo.com</p>
</div>
</div>
<div class="back-right"></div>
</div>
</div>
</div>
Step 2 – Add CSS
Copy and paste below code in your HTML editor between <style></style> tag.
<style>
@import url("https://fonts.googleapis.com/css2?family=Staatliches&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
background-color: #85ffbd;
background-image: linear-gradient(45deg, #85ffbd 0%, #fffb7d 100%);
font-family: "Staatliches", cursive;
}
h1,
h2,
h3,
p {
margin: 0;
padding: 0;
}
.card-container {
height: 200px;
width: 350px;
perspective: 1000px;
}
.card-container:hover .card {
transform: rotateY(180deg);
}
.card {
width: 100%;
height: 100%;
position: relative;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.front {
position: absolute;
width: 100%;
height: 100%;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
}
.back {
position: absolute;
background-color: #f5f5f5;
width: 100%;
height: 100%;
transform: rotateY(180deg);
display: flex;
}
h3 {
font-family: "Montserrat", sans-serif;
font-size: 15px;
text-transform: uppercase;
}
p {
font-family: "Montserrat", sans-serif;
font-size: 12px;
}
.back-left {
width: 50%;
padding: 0.8em;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.back-right {
background: url(data:image/png;base64,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);
width: 50%;
padding: 0.8em;
}
</style>
At the end we will have something like this. You can change fonts, colors, backgrounds and all things that you want. Enjoy it.
Your Output

Your Output

Video Tutorial
Please watch this video to better understand this tutorial and don’t forget to subscribe to our channel.
Help others to find out about this article on Social Media sites. If you have any doubt or any problem, don’t hesitate to contact us. Thereafter we will be able to help you and also make sure you bookmark our site on your browser.