Midterm Excercise 4 (เสร็จแล้ว)
✨ NATTAPONG WAIJAREE
<html> <head> <style> body{ height:40vh; background-color:black; } .img{ position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius: 50%; box-shadow: 0px 0px 30px hsl(207, 100%, 50%); transition-duration:1s; } .img:hover{ box-shadow: 0px 0px 60px hsl(207, 100%, 50%); } </style> </head> <body> <div> <image class="img" src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif"></image> </div> </body> </html>