animated Clouds as seen on allie-jones.com all done with sass

Sass animation with Keyframes

.cloud-one{
    width: 200px;
    height: 68px;
    background: #f6ffff;
    border-radius: 100px;
    position: relative;
    margin: 40px auto 20px;
    &:after, &:before {
        content: '';
        position: absolute;
        background: $clouds;
    }
    &:after {
        width: 85px;
        height: 85px;
        top: -22px;
        left: 30px;
        border-radius: 100px;
    }
    &:before {
        width: 106px;
        height: 106px;
        top: -39px;
        right: 17px;
        border-radius: 200px
    }
    -webkit-animation: moveclouds 70s linear infinite;
    -moz-animation: moveclouds 70s linear infinite;
    -o-animation: moveclouds 70s linear infinite;
}



//cloud set one 
@-webkit-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -200px;}
}
@-moz-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -200px;}
}
@-o-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -200px;}
}