相关疑难解决方法(0)

透明箭头/三角形缩进

我想在图像上做一个透明的箭头.此三角形应缩进半透明块并显示背景图像.

期望的输出:

透明的缩进CSS三角形

.barShow {
  background-color: #000;
  opacity: 0.5;
}

.barShow:before {
  top: 0%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #999;
  border-width: 20px;
  margin-left: -20px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="barShow"></div>
Run Code Online (Sandbox Code Playgroud)

透明CSS箭应该是没有颜色的透明.

css svg css3 css-shapes

46
推荐指数
2
解决办法
4万
查看次数

CSS中的三角形在一个盒子里面

好吧,我不知道如何正确解释它.在这里,查看我想要制作的截图.我的设计师给了我这个.如果我找不到解决方案,我将使用图像而不使用代码.用CSS3可以做到这一点吗?

这是图像

在此输入图像描述

看到那个盒子里面的三角形?我想做这个.谢谢!

html css geometry css3 css-shapes

7
推荐指数
1
解决办法
6291
查看次数

标签 统计

css ×2

css-shapes ×2

css3 ×2

geometry ×1

html ×1

svg ×1