其他分享
首页 > 其他分享> > css3水滴

css3水滴

作者：互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .droplet {
                margin-top: 50px;
                width: 4em;
                height: 4em;
                border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
                background-color: #07C;
                transform: rotate(135deg);
            }
        </style>
    </head>
    <body>
        <div class="droplet"></div> 
    </body>
</html>

 

标签：css3,droplet,4em,水滴,50%,80%,55%
来源： https://www.cnblogs.com/gxywb/p/10417873.html