gpt4 book ai didi

css - 具有线性渐变效果的两种不同颜色

转载 作者:行者123 更新时间:2023-12-02 00:55:43 24 4
gpt4 key购买 nike

我有两种颜色,红色和黄色。根据线性渐变格式,如果我们插入红色和黄色,它们之间会自动发生平滑过渡。如果我不想要平滑过渡,我们如何在代码中表示它们?下面的代码具有平滑过渡,但我不希望这两种颜色之间平滑过渡。请提供任何帮助

<!DOCTYPE html>
<html>
<head>
<style>
#grad1 {
height: 200px;
background: linear-gradient(red, yellow);
}
</style>
</head>
<body>

<div id="grad1"></div>

</body>
</html>

最佳答案

你可以

.tg {
height: 75px;
width: 400px;
background-image: linear-gradient(135deg, red 60%, yellow 60.5%);
}

<div class='tg'></div>

demo

enter image description here

关于css - 具有线性渐变效果的两种不同颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35335226/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com