Skip to content

Instantly share code, notes, and snippets.

@frankcaron

frankcaron/SlideDown.css

Created October 7, 2019 02:43
Show Gist options
  • Save frankcaron/509283c2510b57ed28e43b10cdddea69 to your computer and use it in GitHub Desktop.
Save frankcaron/509283c2510b57ed28e43b10cdddea69 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. frankcaron created this gist Oct 7, 2019.
    35 changes: 35 additions & 0 deletions SlideDown.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,35 @@
    .THIS div.offer-box {
    margin-bottom: -5px;
    }

    .THIS div.offer-box-ineedspacebro {
    animation: gimmespace 2s;
    margin-bottom: 10px;
    overflow: hidden;
    }

    .THIS div.full-offer {
    animation: fadein 2s;
    overflow: hidden;
    }

    @keyframes fadein {
    from {
    max-height: 0;
    opacity: 0;
    } to {
    max-height: 500px;
    opacity: 1;
    }
    }

    @keyframes gimmespace {
    from {
    margin-bottom: -5px;
    } to {
    margin-bottom: 10px;
    }
    }