Hi , I am trying to do Some nice and complex looking image transition. Image is attached - its a "voucher"
Its a single page layout and this voucher has own section ( or page ) - so i would like to make look of it not lame. (Its a sample website/ not actual for now)
Please let me know if somebody has ideas, i’ve browsed showcase - nothing yet.
Maybe you can start with the voucher in a section, very normal, very flat, like it is in this forum post.
Then, on scroll, and until it reaches the center of the screen, you make it morph using OnScroll interaction… The voucher will gradually detach from the page, morphing to a more “paper feel like voucher” : it will start to grow or sjrink, to tilt, to get a shadow, to get a paper texture, anything you can think of that will extract it from electronic to paper-like, from flat to skeuomorphic, from inside the section to over the section, crossing its boundaries.
Jus wonder what happens to voucher when I click to voucher button which is in the nav bar.
cause I think nobody wants to scrole to the 3rd or 4th section down the web
When even opassity set on scrole page makes no point in browser - cause its just not appearing unless its very very sunny day lol…