Grow your CSS skills. Land your dream job.

How do they do it?

  • # April 26, 2013 at 2:00 am

    Hey all,

    i stubled upon a dropdown on panic’s website which folds in a very outstandig way.

    [Panic – Diet Coda](http://panic.com/dietcoda/ “Panic – Diet Coda”)

    it’s near the bottom of the page where it says “Questions about Diet Coda? Help is available right here!”

    How is that done? is there any jquery thing that can do that?

    # April 26, 2013 at 3:15 am

    In looking at the source, what they do is just css-animate the “transform: scaleY” property over 500ms. A small simple javascript does a setTimeOut at 500ms as well, hiding the element when the css-transform is completed!

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".