css - 弯曲的线性渐变背景?
问题描述
请原谅我可怕的绘画,但我真的不知道如何描述我正在寻找的东西。我目前有一个使用线性渐变的背景框
`linear-gradient(330deg, white 30%, grey 45%, white 0)`
它看起来类似于可怕的插图。但是,我的项目需要一个轻微的曲线,这显然是线性渐变无法提供的。有没有办法改变线性梯度,使对角线有一条轻微的曲线?
我所拥有的:通过框的线性渐变
我需要什么:通过盒子弯曲
解决方案
尝试使用radial-gradient
而不是linear-gradient
. 如果你玩一点它,你可能会实现你想要的
了解更多radial-gradient
:
推荐阅读
- javascript - 翻译 docker yaml 文件时出现不规则符号
- react-native - 如何在上传图像之前在图像选择器中裁剪图像
- python-3.x - 导入模块 VSCode Python3
- url - 将域名添加到 Heroku 托管给了我 DNS 目标中的未知 url
- netsuite - 来自计划脚本 (SS1.0) 的 nlapiYieldScript 错误
- r - 如何使用“列表”类变量制作图表
- javascript - 元素值更改时输入未相应更新
- html - 是否存在 HTML5 视频海报未出现在移动设备上的已知问题
- python-3.x - 为什么 asyncio.sleep() 会阻止我的 websocket 服务器接收输入?
- javascript - ng build --prod 未运行