用css给宽高不固定的矩形画对角线

原创于 2024-01-08 09:07:42 发布 · 1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

本文详细解释了`.kong`类中使用线性渐变的CSS样式，包括宽度、高度、颜色渐变以及其在设计中的应用，参考自优快云的技术博客。

在这里插入图片描述

.kong{
			width: 200rpx;
			height: 76rpx;
			 background:  linear-gradient(
					to bottom right, #E5E5E5 0%, rgba(0, 0, 0, 0.1) calc(50% - 1px),
					#175CFF 50%, rgba(0, 0, 0, 0.1) calc(50% + 1px),
					rgba(0, 0, 0, 0.1) 100%
			 );
	}

参考：
https://blog.youkuaiyun.com/weixin_38779534/article/details/104778147
在这里插入图片描述