Midterm Excercise 4 (Branch 3546)
✨ นางสาวเกษมณี สถิตวิภารวงศ์
<html> <head> <title>Let's Start </title> <style> body{ background: black; } .center { height:40vh; border-radius:50%; box-shadow:0px 0px 10px 2px hsl(171, 100%, 50%); position:absolute; display:block; top:50%; left:50%; margin-top:-20vh; margin-left:-20vh; } .center:hover{ animation: blink 2s infinite; } @keyframes blink{ 0%{box-shadow:0px 0px 10px 2px hsl(171, 100%, 50%)} 50%{box-shadow:0px 0px 50px 20px hsl(176, 100%, 60%)} 100%{box-shadow:0px 0px 10px 2px hsl(171, 100%, 50%)} } </style> </head> <body> <img class="center" src="https://media.giphy.com/media/OPU6wzx8JrHna/giphy.gif"> </body> </html>