Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
6 views1 page

Convert HTML

Very good coding

Uploaded by

Malike Shamel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views1 page

Convert HTML

Very good coding

Uploaded by

Malike Shamel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Transform 3 into 4</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
.animation-container {
display: flex;
flex-direction: column;
align-items: center;
}
.step {
font-size: 50px;
font-weight: bold;
margin: 10px 0;
transition: all 0.5s ease-in-out;
}
</style>
</head>
<body>
<div class="animation-container">
<!-- Steps for Transformation -->
<div class="step">3</div>
<div class="step">|</div>
<div class="step">4</div>
</div>
</body>
</html>

You might also like