Midterm Excercise 4 (Branch 2907) เสร็จแล้ว
✨ Naiohm Pwpp
<html> <head> <style> body{ background-color:black; } img{ display:block; margin:auto; margin-top:15%; height:40vh; border-radius:70%; box-shadow: 0px 0px 50px hsla(168, 100%, 50%, 80); } img:hover{ animation:shadow 5s; } @keyframes shadow{ from{ box-shadow: 0px 0px 50px hsla(168, 100%, 50%, 80); } to{ box-shadow: 0px 0px 100px hsla(168, 100%, 50%, 100); } } </style> </head> <body> <img src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif"> </body> </html>