Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> ul { padding: 0; margin: 50px 20px; list-style: none; } ul li { margin: 5px; display: inline-block; padding: 5px; border: 1px solid #f2f2f2; } ul li img { width: 125px; height: 125px; display: block; } ul li:hover img { transform: scale(1.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } </style> </head> <body> <ul> <li> <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq"> </li> <li> <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq"> </li> <li> <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq"> </li> </ul> </body> </html>