เสร็จแล้ว
✨ นายไกรวิน แนวอินทร์
<html> <head> <style> img{ height: 40vh; display: block; border-radius: 50%; margin: auto; margin-top: 30vh; transition: 1s; box-shadow: 0px 0px 50px hsla(200, 50%, 60%, 0.7); } body{ background:black; } .glow{ box-shadow: 0px 0px 100px hsla(200, 50%, 60%, 1); } </style> </head> <body> <img src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif" id="us"> <script> us.onmouseenter = function(){glow()} function glow(){ us.classList.add("glow"); } us.onmouseout = function(){outdoor()} function outdoor(){ us.classList.remove("glow"); } </script> </body> </html>