Eray583/gist:e2dffe3549e8d28a525c7bbdcd5ceac9

## gistfile1.txt
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hatice'ye Özel</title>
  <style>/* CSS kodları buraya */ body{margin:0;background:radial-gradient(circle,#fff0f5,#fcd1e3); display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;font-family:'Segoe UI',sans-serif} .flower-container{position:relative;width:300px;height:300px;animation:pop 2s ease-out forwards} .petal{position:absolute;width:120px;height:120px;background:linear-gradient(to bottom right,#e89abe,#ffb6c1);border-radius:50% 50% 0 0;transform-origin:bottom center;opacity:0.9;animation:bloom 3s ease-in-out forwards} .petal:nth-child(1){--angle:0deg;transform:rotate(0deg) translateY(-100px);animation-delay:0.2s} .petal:nth-child(2){--angle:72deg;transform:rotate(72deg) translateY(-100px);animation-delay:0.4s} .petal:nth-child(3){--angle:144deg;transform:rotate(144deg) translateY(-100px);animation-delay:0.6s} .petal:nth-child(4){--angle:216deg;transform:rotate(216deg) translateY(-100px);animation-delay:0.8s} .petal:nth-child(5){--angle:288deg;transform:rotate(288deg) translateY(-100px);animation-delay:1s} .center{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,#ff7eb9,#d64191);border-radius:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;color:white;font-weight:bold;font-size:20px;text-shadow:0 0 10px #00000033} @keyframes bloom{0%{transform:scale(0) rotate(var(--angle));opacity:0}100%{transform:scale(1) rotate(var(--angle));opacity:0.9}}@keyframes pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}</style>
</head>
<body>
  <div class="flower-container">
    <div class="petal"></div>
    <div class="petal"></div>
    <div class="petal"></div>
    <div class="petal"></div>
    <div class="petal"></div>
    <div class="center">Hatice</div>
  </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="tr">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Hatice'ye Özel</title>
	<style>/* CSS kodları buraya */ body{margin:0;background:radial-gradient(circle,#fff0f5,#fcd1e3); display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;font-family:'Segoe UI',sans-serif} .flower-container{position:relative;width:300px;height:300px;animation:pop 2s ease-out forwards} .petal{position:absolute;width:120px;height:120px;background:linear-gradient(to bottom right,#e89abe,#ffb6c1);border-radius:50% 50% 0 0;transform-origin:bottom center;opacity:0.9;animation:bloom 3s ease-in-out forwards} .petal:nth-child(1){--angle:0deg;transform:rotate(0deg) translateY(-100px);animation-delay:0.2s} .petal:nth-child(2){--angle:72deg;transform:rotate(72deg) translateY(-100px);animation-delay:0.4s} .petal:nth-child(3){--angle:144deg;transform:rotate(144deg) translateY(-100px);animation-delay:0.6s} .petal:nth-child(4){--angle:216deg;transform:rotate(216deg) translateY(-100px);animation-delay:0.8s} .petal:nth-child(5){--angle:288deg;transform:rotate(288deg) translateY(-100px);animation-delay:1s} .center{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,#ff7eb9,#d64191);border-radius:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;color:white;font-weight:bold;font-size:20px;text-shadow:0 0 10px #00000033} @keyframes bloom{0%{transform:scale(0) rotate(var(--angle));opacity:0}100%{transform:scale(1) rotate(var(--angle));opacity:0.9}}@keyframes pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}</style>
	</head>
	<body>
	<div class="flower-container">
	<div class="petal"></div>
	<div class="petal"></div>
	<div class="petal"></div>
	<div class="petal"></div>
	<div class="petal"></div>
	<div class="center">Hatice</div>
	</div>
	</body>
	</html>