キラキラハートの少女に夢中！
束縛して
clean_art_, sharp jawline, full l
Mostra parametri
- Immissione richiesta originale
- <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>치어리더 이미지</title> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Comic+Neue:wght@700&display=swap'); body { margin: 0; padding: 0; background: linear-gradient(135deg, #ff6b6b, #ff9e6b); display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } .container { position: relative; width: 420px; height: 520px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); border-radius: 30px; overflow: hidden; background: #fff; } .header { height: 180px; background: linear-gradient(to bottom, #e63939, #ff6b6b); position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; color: white; text-align: center; } .header::before { content: "★"; position: absolute; top: 15px; left: 20px; font-size: 40px; animation: sparkle 1.5s infinite; } .header::after { content: "★"; position: absolute; top: 15px; right: 20px; font-size: 40px; animation: sparkle 1.5s infinite 0.5s; } @keyframes sparkle { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } } .title { font-family: 'Comic Neue', cursive; font-size: 28px; font-weight: 700; margin: 0; text-shadow: 3px 3px 0 #c1121f; letter-spacing: 3px; } .subtitle { font-size: 14px; margin: 5px 0 0; opacity: 0.9; } .body { padding: 15px; display: flex; flex-direction: column; align-items: center; } .cheerleader { width: 280px; height: 260px; background: linear-gradient(#ff9e6b, #ff6b6b); border-radius: 40px 40px 20px 20px; position: relative; margin-bottom: 15px; box-shadow: inset 0 10px 20px rgba(255,255,255,0.4); } /* 상체 - 무뚝뚝한 상 */ .face { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 120px; height: 140px; background: #f4a261; border-radius: 50% 50% 30% 30%; box-shadow: 0 10px 20px rgba(0,0,0,0.2); z-index: 2; } .face::before { content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background: #f4a261; border-radius: 50%; } /* 입 - 무뚝뚝함 */ .mouth { position: absolute; top: 85px; left: 50%; transform: translateX(-50%); width: 50px; height: 30px; border: 6px solid #2a2a2a; border-radius: 0 0 20px 20px; border-top: none; } /* 눈 - 고양이상 */ .eye { position: absolute; top: 55px; width: 30px; height: 40px; background: #2a2a2a; border-radius: 50% 50% 40% 40%; box-shadow: 0 0 0 6px #f4a261; } .eye.left { left: 30px; } .eye.right { right: 30px; } .pupil { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #fff; border-radius: 50%; } /* 귀 - 작은 귀걸이 */ .ear { position: absolute; top: 25px; width: 18px; height: 22px; background: #f4a261; border-radius: 50% 30% 40% 40%; transform: rotate(-15deg); } .ear.left { left: 15px; transform: rotate(-15deg); } .ear.right { right: 15px; transform: rotate(15deg); } .ear::before { content: '💎'; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); font-size: 14px; color: #ffd700; text-shadow: 0 0 5px #ffd700; } /* 팔 */ .arm { position: absolute; bottom: 0; width: 18px; height: 90px; background: #f4a261; transform: rotate(-25deg); border-radius: 50% 10% 40% 10%; } .arm.left { left: 40px; } .arm.right { right: 40px; transform: rotate(25deg); } /* 다리 */ .leg { position: absolute; bottom: 10px; width: 22px; height: 100px; background: #2a2a2a; transform: rotate(5deg); border-radius: 30% 30% 50% 50%; } .leg.left { left: 55px; } .leg.right { right: 55px; transform: rotate(-5deg); } /* 치어리더 밴드 */ .band { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 100px; height: 8px; background: #c1121f; border-radius: 50px; box-shadow: 0 0 10px #c1121f; } .cheer { font-size: 18px; color: #c1121f; font-weight: 700; margin-top: 10px; text-shadow: 2px 2px 0 #fff; } .bottom { position: absolute; bottom: 0; width: 100%; height: 60px; background: linear-gradient(#ff6b6b, #e63939); display: flex; align-items: center; justify-content: center; color: white; font-size: 13px; font-weight: 700; } .sparkles { position: absolute; top: 50px; left: 20px; font-size: 20px; animation: shine 2s infinite; } .sparkles2 { position: absolute; top: 80px; right: 20px; font-size: 20px; animation: shine 2s infinite 0.7s; } @keyframes shine { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } </style> </head> <body> <div class="container"> <!-- 헤더 --> <div class="header"> <div class="sparkles">✨</div> <div class="sparkles2">✨</div> <h1 class="title">CHEEER</h1> <p class="subtitle">응원단 치어리더</p> </div> <!-- 본체 --> <div class="body"> <div class="cheerleader"> <!-- 상체 --> <div class="face"> <!-- 귀 --> <div class="ear left"></div> <div class="ear right"></div> <!-- 작은 귀걸이 --> <div style="position:absolute; top:25px; left:30px; font-size:14px;">💎</div> <div style="position:absolute; top:25px; right:30px; font-size:14px;">💎</div> <!-- 눈 --> <div class="eye left"> <div class="pupil"></div> </div> <div class="eye right"> <div class="pupil"></div> </div> <!-- 입 - 무뚝뚝함 --> <div class="mouth"></div> </div> <!-- 팔 --> <div class="arm left"></div> <div class="arm right"></div> <!-- 다리 --> <div class="leg left"></div> <div class="leg right"></div> <!-- 치어리더 밴드 --> <div class="band"></div> </div> <div class="cheer">YAY\~ !</div> </div> <!-- 바텀 --> <div class="bottom"> 무뚝뚝 상 • 고양이상 • 작은 귀걸이 </div> </div> </body> </html>
- Mode
- standard
- Dimensione
- 768 x 1280
Helper di Prompt
