我想用CSS3制作曲线

Question

我试图在css的帮助下制作一条曲线。 我是这个领域的新人，所以请帮助我。 这是我尝试过的来源。

.box
{
    left: -10px;
    border-radius: 0 0 0 25%;
    transform: skewX(25deg);
}

Answer 1

试试这个...

.circle{
width: 100px;
height: 100px;
border-radius: 100px;
border: 3px solid black;
background-color: green;
 }
or


   div
{
-ms-transform: skew(30deg,20deg); /* IE 9 */
-webkit-transform: skew(30deg,20deg); /* Chrome, Safari, Opera */
transform: skew(30deg,20deg);
}