<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 300px;
height: 300px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #f0f0f0;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
animation: scaleUp 0.5s ease-in-out forwards;
}
@keyframes scaleUp {
0% {
transform: translate(-50%, -50%) scale(0);
}
100% {
transform: translate(-50%, -50%) scale(1);
}
}
</style>
</head>
<body>
<div class="box">
<p>Babalarımızı ve Annelerimizi üzmeyelim. Onlar bizim için hep daha iyisini isteyeceklerdir. Babalar Günü kutlu olsun!</p>
</div>
</body>
</html>
0 Yorumlar