这样之后怎么设置变成云的样子呢

.one{

    width:100px;

    height:30px;

    border:1px solid black;

    position: absolute;

    left:50%;

    transform:translate(-50%,0);

        top:30px;

        border-radius: 25px;

        background-color: #FFFFFF;

    }

    .one:before{

    content: '';

    width:50px;

    height:50px;

    border-radius:50%;

    position: absolute;

    left:65%;

    transform:translate(-50%,0);

        top:30px;

        display: block;

        border:1px black solid;

        background-color: #FFFFFF;

    }

    .one:after{

    content:'';

    width:50px;

    height:15px;

    border-radius:13px;

    position:absolute;

        border:1px black solid;

        background-color: #FFFFFF;

        position: absolute;

    left:50%;

    transform:translate(-50%,0);

        top:30px;

        transform: rotate(30deg)

    }