Repository navigation
Add descrip #290
Description
krobchai32659-ui
Issue body actions
No description provided.
Reactions are currently unavailable
Activity
- <title>กดแล้วมี Goal! ⚽</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; } body { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #1e90ff, #32cd32); overflow: hidden; } /* ปุ่มกด */ .goal-btn { padding: 18px 50px; font-size: 28px; font-weight: bold; color: white; background: #ff4500; border: none; border-radius: 50px; cursor: pointer; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: all 0.2s ease; } .goal-btn:active { transform: scale(0.95); box-shadow: 0 4px 10px rgba(0,0,0,0.3); } /* กล่องแสดงผล */ .goal-container { margin-top: 60px; position: relative; width: 300px; height: 200px; } /* ลูกฟุตบอล */ .football { position: absolute; width: 60px; height: 60px; background: url('https://cdn-icons-png.flaticon.com/512/509/509915.png') no-repeat center/contain; top: 80%; left: 10%; opacity: 0; transform: translate(0, 0) scale(1); transition: all 0.8s cubic-bezier(0.17, 0.67, 0.57, 1.36); } /* ข้อความ Goal! */ .goal-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 60px; font-weight: 900; color: #fff; text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000; opacity: 0; transition: all 0.5s ease; } /* เมื่อทำงาน */ .goal-container.active .football { opacity: 1; left: 75%; top: 10%; transform: rotate(720deg); } .goal-container.active .goal-text { opacity: 1; transform: translate(-50%, -50%) scale(1.2); } </style><script> function showGoal() { const box = document.getElementById('goalBox'); box.classList.remove('active'); // รีเซ็ตแล้วเริ่มใหม่ setTimeout(() => { box.classList.add('active'); }, 100); } </script>
<button class="goal-btn" onclick="showGoal()">กดเพื่อยิงประตู! ⚽</button> <div class="goal-container" id="goalBox"> <div class="football"></div> <div class="goal-text">Goal!</div> </div> กดเพื่อยิงประตู! ⚽
Goal!dependabot.yml
- No description provided.
