我需要在我的网站头部重新创建这样的效果。我想通过CSS来实现,有人可以帮助我吗?因为我卡在那个三角形上了...
这是我的测试:
#main-nav {height:200px;width:1200px;background-color:#000}
#triangle {
width: 0;
height: 0px;
border-style: solid;
border-width: 300px 300px 0px 0px;
border-color: #007bff transparent transparent transparent;
border-radius: 70px 2px 2px 2px;
margin: auto;
top: -400px;
position: relative;
/* background-color: #ccc; */
-moz-border-radius: 20px;
transform: rotate(-135deg);
/* border-top: 80px solid blue; */
/* border-bottom: 80px solid blue; */
/* border-right:80px solid blue; */
}
<div id="main-nav">
</div>
<div id="triangle">
</div>