![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 77
你在说啥-Lynn
出发,永远是最有意义的事情,去做就是啦!
展开
-
简易版纵向时间轴组件
效果一实现一个这样的功能其实不难,下面直接贴代码。但是案例中的气泡边框的三角形会有一个可能被忽视的问题。我们实现三角形的带边框的效果其实就是由两个三角形组成,紫色的三角形和白色的三角形叠加实现。如何实现一个三角形(下面示例把绿色当做白色)把背景去掉,两个三角形重叠,紫色部分就是我们需要的气泡角。因为我们要保证紫色部分的宽度(也就是下图黄色箭头的距离)是和我们气泡边框的宽度一致为2的话,我们就要求等腰直角三角形的斜边长度就是我们绿色三角形偏移的距离:2px / cos(45deg)。大部分人可原创 2023-06-05 14:21:46 · 375 阅读 · 0 评论 -
CSS 实现一个带边框的弧形缺角矩形
CSS 实现一个带边框的弧形缺角矩形原创 2022-12-15 10:54:35 · 1603 阅读 · 0 评论 -
实现一个仪表盘
UI 甩过来了这样的一张图,让我实现,作为一位面向Google百度编程的程序媛,立马打开了搜索引擎,找遍了都没有找到合适的插件。怎么办呢?只能自己来了呀!接下来我们就从这几个点逐步击破,实现效果,哈哈哈哈哈哈哈哈哈哈哈 开始吧!!!原创 2022-12-13 17:10:34 · 1169 阅读 · 2 评论