Midterm Excercise 4 (Branch 3608)
✨ นายโชติพัฒน์ บางหลวงหิรัณย์
<html> <head> <style> body{ background:black; } .pic{ position:absolute; height:40vh; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow:0px 0px 10px 5px hsl(166, 100%, 50%); } .pic:hover{ transition: 1s; box-shadow:0px 0px 30px 10px hsl(166, 100%, 50%); } </style> </head> <body> <div class="ani"> <img class="pic" src=https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif> </div> </body> </html>