Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> p{ text-align:center; direction:rtl; font-weight:600; } img.p1{ border-radius:50%; opacity:0.7; transition:0.4s; } img.p1:hover{ border-radius:10%; opacity:1; } img.p2{ border-radius:200px 10px 200px; opacity:0.7; transition:0.4s; } img.p2:hover{ border-radius:10px 10px 10px; opacity:1; } </style> </head> <body> <p>لطفا ماس را بروی تصاویر زیر ببرید</p> <p><img src="files/img-1.jpg" class="p1"></p> <p><img src="files/img-2.jpg" class="p2"></p> </body> </html>