1

بابه‌ت: تێکەڵکردنی چەند ڕەنگێک بە بەیداخ تەنها بە css

سڵاو
نمونەی تێکەڵکردنی ڕەنگی بەیداخی پەڕەیەک
http://www.webchinupload.com/f/2018-07/ed2d918856105c6f0a151caa550d437c.png


ئەمەش کۆدی نمونەکە


<html>
<head>
<style>
#grad1 {
    height: 200px;
    background: red; /* For browsers that do not support gradients */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */
}

h1 {
    text-align: center;
}

h2 {
    text-align: right;
    color: #fff;
    font-size: 30px;
    
}

h3 {
    text-align: right;
}



</style>
</head>
<body>

<h1>سەردێڕ</h1>
<p>درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، </p>

<div id="grad1">

<h2>سەردێڕ</h2>
<h3>درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، درێژەی بابەت، </h3>

</div>


</body>
</html>
هەرگیز بە وشە قەڵەوەکان نابینە داهێنەر....
AMD Ryzen 7 2700X  \\\\\ ASUS GeForce GTX 1080 Gaming \\\\\ Gigabyte Aorus Gaming 5\\\\\ 2x8GB 3600MHz DDR4 CL18 \\\\\WD Black SSD 250GB M.2 PCIe 3000/1600MB

2

وه‌ڵام: تێکەڵکردنی چەند ڕەنگێک بە بەیداخ تەنها بە css

دەستخۆش، بۆ زیاتر ڕوونکردنەوەی کۆدەکە:

linear-gradient(arrastai Rangakam, rangi1, rang2, rangi3,...)
ئاسۆ نادری، ڕۆحت هەر لەگەڵمانە.