Add descrip #290

Activity

1. moddang208 commented on Aug 4, 2026

   

   Natthanan Jantarapakdee (moddang208)

   on Aug 4, 2026

   More actions

   <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>

   <button class="goal-btn" onclick="showGoal()">กดเพื่อยิงประตู! ⚽</button>
   
   <div class="goal-container" id="goalBox">
       <div class="football"></div>
       <div class="goal-text">Goal!</div>
   </div>
   

   <script> function showGoal() { const box = document.getElementById('goalBox'); box.classList.remove('active'); // รีเซ็ตแล้วเริ่มใหม่ setTimeout(() => { box.classList.add('active'); }, 100); } </script>
2. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   #292
3. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions
4. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   กดเพื่อยิงประตู! ⚽

   Goal!
5. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   #290
6. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   กดเพื่อยิงประตู! ⚽

   Goal!

   https://github.com//issues/290
7. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   ``#290
8. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   dependabot.yml
9. qjoner commented on Aug 20, 2026

   

   qjoner

   on Aug 20, 2026

   More actions

   No description provided.
10. qjoner commented on Aug 20, 2026

    

    qjoner

    on Aug 20, 2026

    More actions

    #290 (comment)