hdfgh sdf sdfgh sdfg sdfg
sdfgh s sdfh sd dsfg
💻 কোড উদাহরণ:
📁 index.htm
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flip Text Button</title>
<style>
body {
height: 100vh;
margin: 0;
background-color: #1f1f1f;
display: flex;
justify-content: center;
align-items: center;
font-family: sans-serif;
}
.flip-btn {
perspective: 1000px;
}
.flip-inner {
display: inline-block;
padding: 14px 32px;
font-size: 20px;
color: white;
background-color: #06b6d4;
border: none;
border-radius: 8px;
transition: transform 0.5s;
transform-style: preserve-3d;
cursor: pointer;
}
.flip-btn:hover .flip-inner {
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-btn">
<div class="flip-inner">Hover Me</div>
</div>
</body>
</html>
