الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .gradient { height: 200px; background: green; background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70%); } </style> </head> <body> <h1>Multiple Linear Gradient Colors</h1> <div class="gradient"></div> <p><b>Note:</b> Colors must have transparency in order to set multiple linear gradient color.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود