Midterm Excercise 4 (Branch 3803)
✨ นางสาวรจนา หอมประสิทธิ์
<html> <head> <style> body{ background-color: black; } .content{ position: fixed; text-align: center; width: 100%; top: 30% } .img{ height: 40vh; border-radius: 100%; box-shadow: 0px 0px 20px hsl(170, 100%, 50%); transition-duration: 1s; } .img:hover{ box-shadow: 0px 0px 60px hsl(170, 100%, 50%); } </style> </head> <body> <div class="content"> <img class="img" src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif"> </div> </body> </html>