@keyframes snowflake_before {
    from {
        transform: rotate(-45deg);
    }

    to {
        transform: rotate(315deg);
    }
}

@keyframes snowflake_after {
    from {
        transform: rotate(45deg);
    }

    to {
        transform: rotate(405deg);
    }
}


.snowflake { 
    position: relative; 
    width: 80px; 
    height: 70px;
}

.snowflake:before, .snowflake:after { 
    position: absolute; 
    content: ""; 
    left: 20px; 
    top: 0; 
    width: 20px; 
    height: 30px; 
    background: red; 
    border-radius: 50px 50px 0 0; 
    transform: rotate(-45deg); 
    transform-origin: 0 100%;
}

.snowflake:after { 
    left: 0; 
    transform: rotate(45deg); 
    transform-origin :100% 100%;
}

.snowflake:before {
    animation: snowflake_before 10s infinite linear;
}
.snowflake:after {
    animation: snowflake_after 10s infinite linear;
}