เสร็จแล้ว
✨ นางสาวรัชนีย์ ขันธิวงค์
<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; } .cry{ height: 40vh; border-radius: 100%; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 20px hsl(176, 100%, 50%); transition: 2s; } .cry:hover{ box-shadow: 0px 0px 60px hsl(176, 100%, 50%); } </style> </head> <body> <div> <image class="cry" src="https://media4.giphy.com/media/OPU6wzx8JrHna/giphy.gif";></image> </div> </body> </html>