Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> div.f1{ width:200px; height:200px; background-image: radial-gradient(farthest-corner , black , orange , blue); } div.f2{ width:200px; height:200px; background-image: radial-gradient(closest-side , black , orange , blue); } div.f3{ width:200px; height:200px; background-image: radial-gradient(closest-corner , black , orange , blue); } div.f4{ width:200px; height:200px; background-image: radial-gradient(farthest-side , black , orange , blue); } </style> </head> <body> <h2>farthest-corner</h2> <div class="f1"></div> <h2>closest-side</h2> <div class="f2"></div> <h2>closest-corner</h2> <div class="f3"></div> <h2>farthest-side</h2> <div class="f4"></div> </body> </html>