Grow your CSS skills. Land your dream job.

CSS animations with SASS

  • # December 8, 2011 at 12:10 am

    I can get it to work with SCSS but not with the bracket-less SASS syntax

    I tried looking everywhere but couldn’t find how people are doing it in SASS files..

    does anyone here know whats the syntax is?

    or is it only possible in SCSS at the moment?

    # December 8, 2011 at 1:35 am

    nevermind.

    this is how i’m doing it:


    //animation
    @-webkit-keyframes rise
    0%
    margin-top: 500px
    100%
    margin-top: -230px

    @mixin rise_animation
    -webkit-animation: rise 1s
    -moz-animation: rise 1s
    -o-animation: rise 1s
    animation: rise 1s

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".