欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html js設置顏色漸變

html
方一強2年前7瀏覽0評論

HTML與JS都能夠實現顏色漸變效果，下面分別介紹一下。

/* HTML方式 */
<style>
body {
background: linear-gradient(to bottom, #ccc, #fff);
}
</style>

以上代碼實現了一個從#ccc漸變到#fff的垂直方向漸變背景色。

/* JS方式 */
<body>
<canvas id="gradient"></canvas>
</body>
<script>
var canvas = document.getElementById("gradient");
var ctx = canvas.getContext("2d");
var gradient = ctx.createLinearGradient(0, 0, 0, 200);
gradient.addColorStop(0, "#ccc");
gradient.addColorStop(1, "#fff");
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 200, 200);
</script>

以上代碼使用canvas繪制了一個200x200像素的矩形，漸變色從上到下，色值為從#ccc到#fff的漸變色。