javascript - css 三角形缺口,
伊谢尔伦
伊谢尔伦 2017-04-17 15:17:27
0
7
635

如图:

这个三角形缺口是透明的,请问咋个实现

大家请注意问题的关键,三角形能看见后面的背景

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(7)
巴扎黑

我之前的做法是在導覽列上弄
弄多一行小小幾px高的p的全是白色背景
被選中的那個背景為一種透明「有缺口白色背景」圖片

迷茫

雷雷

巴扎黑

透明的三角形大概是做不出來的。

但你可以做兩個白色的梯形,留出中間那個三角形的位置就行了。

巴扎黑

用border修飾實現三角形,想要透明用rgba

p{

width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: rgba(0,0,0,0.4)

}

刘奇

頁面地址發出來,研究一下就知道了

左手右手慢动作

同意小U醬的說法,我也只想到這一辦法:

——————————————華麗的分割線———————————————
用rotate做出來的效果:

Peter_Zhu

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板