Get a free trial // 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


    this is how i’m doing it:

    @-webkit-keyframes rise
    margin-top: 500px
    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed