CSS弧形这么写出来

魏其上

19821433

发布于
2017-12-05

这种上面的弧形应该这么用CSS写只能用背景图代替吗

css html javascript

阅读 10.1k

6 个回答

得票最新

kstd123

1.2k1621

发布于
2017-12-05

<div class="father">
    <div class="mouth"></div>
</div>
.father{
    height: 50px;
    width: 100px;
    overflow: hidden;
}
.mouth {
     border-radius: 100px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: black;
    width: 100px;
    height: 100px;
}