orion3dgames / gridder

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
http://orion3dgames.github.io/gridder/
461 stars 130 forks source link

Content image/text transition #39

Closed marioin closed 8 years ago

marioin commented 8 years ago

Thanks for great plugin! I would like to fadein .gridder-expanded-content content after click. How can i achieve this?

Thanks!

orion3dgames commented 8 years ago

Thanks. :)

A fadein will probably be a bit much as it is already expanding vertically. To achieve what you want you can use css : .gridder-expanded-content { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; }

Does that make sense?

marioin commented 8 years ago

Hi,

Thanks for quick response :) Actually I have tried css animation before writing to you, but it doesn't work. I have tried to add this line to your basic too, but it also doesn't work :/

orion3dgames commented 8 years ago

I will work on adding an easier way to deal with animations. I'll close this for now.