TutorialKart
index.html
►
Run
Reset
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> div { height: 200px; width: 400px; line-height: 200px; text-align: center; font-size: 50px; margin: 10px; } #div1 { background-image: linear-gradient(to right, #ff845c 25%, #38aec6 50%); } #div2 { background-image: linear-gradient(to right, #ff845c 50%, #38aec6 50%); } #div3 { background-image: linear-gradient(to right, #ff845c 40%, #38aec6 90%); } #div4 { background-image: linear-gradient(to right, #ff845c 80%, #38aec6 90%); } </style> </head> <body> <div id="div1">25%, 50%</div> <div id="div2">50%, 50%</div> <div id="div3">40%, 90%</div> <div id="div4">80%, 90%</div> </body> </html>
