首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css做三角形透明度怎么写

发布于 2024-11-11 15:54:31
0
11

CSS中做三角形是经常会使用的技巧,下面是一种简单的方法:

.triangle{
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid rgba(255,255,255,0.5);
} 

上述代码中,我们建立了一个名为'?triangle'的样式类,它的宽度和高度都被设置为0,然后我们用三个边框去构建三角形。左边和右边的边框都被设置为透明,而顶部和底部的边框则表示 triangle 的高度。 最后,使用 border-right 来表示三角形的直角处颜色,可以通过 rgba 设置透明度来控制其透明程度。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流