Midterm Excercise 4 (Branch 2818)
✨ นายกรรษฎา มงคลจาตุรงค์
<html> <head> <style> img{ height:40vh; border-radius:50%; box-shadow:0px 0px 100px hsla(250deg,100%,80%,80%); } @keyframes bob{ 100%{ box-shadow:0px 0px 100px rgb(250,0,0); } } img:hover{ animation:bob 1s linear forwards; } .center { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } </style> </head> <body> <img class="center" src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif "></img> </body> </html>