Gradient 2
RUN
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> div{ float : left; width: 200px; height: 100px; margin: 10px; } #div1{ background : linear-gradient(0deg, red, yellow); background : -moz-linear-gradient(0deg, red, yellow); background : -webkit-linear-gradient(0deg, red, yellow); background : -o-linear-gradient(0deg, red, yellow); } #div2{ background : linear-gradient(90deg, red, yellow); background : -moz-linear-gradient(90deg, red, yellow); background : -webkit-linear-gradient(90deg, red, yellow); background : -o-linear-gradient(90deg, red, yellow); } #div3{ background : linear-gradient(180deg, red, yellow); background : -moz-linear-gradient(180deg, red, yellow); background : -webkit-linear-gradient(180deg, red, yellow); background : -o-linear-gradient(180deg, red, yellow); } #div4{ background : linear-gradient(360deg, red, yellow); background : -moz-linear-gradient(360deg, red, yellow); background : -webkit-linear-gradient(360deg, red, yellow); background : -o-linear-gradient(360deg, red, yellow); } </style> </head> <body style='width: 500px'> <div id='div1'></div> <div id='div2'></div> <div id='div3'></div> <div id='div4'></div> </body> </html>
PHÓNG TO