Midterm Excercise 4 (Branch 3717)
✨ PARATTAKORN SINGWISET
<html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EX4</title> <style> body{ background:black; } .img{ height: 40vh; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; box-shadow: 0px 0px 20px hsl(176, 100%, 50%); transition-duration: 2s; } .img:hover{ box-shadow: 0px 0px 60px hsl(176, 100%, 50%); } </style> </head> <body> <div> <image class="img" src="https://media4.giphy.com/media/OPU6wzx8JrHna/giphy.gif";></image> </div> </body> </html>