menu

Popmotion

Help and discussion for Popmotion's animation libraries: Popmotion, Pose, React Pose, React Native Pose, etc

Channels
Team

flip animations set transforms and other properties to null

March 14, 2019 at 11:57pm

flip animations set transforms and other properties to null

March 14, 2019 at 11:57pm

trying to recreate the medium type zoom effect with the extra requirement that instead of it expanding full screen, I need to make it expand in a responsive manner while taking into consideration image orientation and also including a caption when it's expanded, I thought for a second I had it until QA came in and they noticed that css rules like max-height and max-width as well as transform properties like transform: translate(-50%, -50%) all get set to null...

a very buggy implementation of this can be seen here: http://japan.cfr.divisionof.com/interactive/japan-constitution/japans-postwar-constitution

click on the second image (general exiting airplane) and expand browser width... image expands past viewport because max-height is set to null...

help? thoughts? workarounds? suggestions?

No messages yet