search

metafizzy / flickity

:leaves: Touch, responsive, flickable carousels
https://flickity.metafizzy.co
7.53k stars 602 forks source link

[NOT ISSUE] Skew effect transition style #1035

Closed coderesolution closed 4 years ago

coderesolution commented 4 years ago

Hi all,

I wondered if anybody has been able to create a nice slide effect similar to this skew style I have found here: https://codyhouse.co/ds/components/app/svg-slideshow--skew

Thank you! Also, apologies if this is the wrong place.

Elliott

clarknelson commented 4 years ago

You can't just add the transition effect, it took forever for flickity to just get a fade option and its another package.

You could look at that package to get an idea of how to implement this. Or you can just buy the codehouse plugin.

coderesolution commented 4 years ago

It's something I will most likely end up doing myself but I'd love to see if it's been done before first (on Flickity) before I delve in.

Thanks

clarknelson commented 4 years ago

http://snapsvg.io/ might help you animate svgs, good luck!

desandro commented 4 years ago

Thanks for this feature request. Flickity is designed to work with any HTML content in slides, not just images. So custom transition styles like this skew effect are difficult to achieve. That said, it may be possible to do, but I'll leave that up to you. Look over the source code for flickity-fade for how to approach this behavior.