Streaming live at 10am (PST)

3D Book Review using the CMS


#1

http://aarons-3d-testing-environment.webflow.io/perspective-slider

Using the power of Webflow CMS and the new 3D transforms you can create some amazing interactions!

Aaron.


#2

Man, thats awesome =D


#3

Thanks @jorn enjoying playing with the new transforms, feels like the only limit is my imagination! :smile:


#4

Very glitchy on Safari OS X. After rolling out of one and into another, the animation closes the cover, but flashes back to the contents underneath the cover.


#5

@mbrannon47 thanks for letting me know, was only messing around so haven't tested it in other browsers.


#6

@Aaron No problem. It seems to be a similar glitch to the one @MinewireNetwork and @Nick1 have been experiencing using the new 3D effects.


#7

Looks fantastic, great job!

Are you using an perspective settings? When I tried to do a flip up effect, it looked like it rotated, but your technique is realistic.


#8

Hi @MinewireNetwork ,

Yeah took some fiddling have a look at the site in the Webflow Editor https://preview.webflow.com/preview/aarons-3d-testing-environment?preview=091b4e064e769c8a94d6cc6e90bd3c34

So this is the structure the "bookCoverContainer" has the Cover Image and the "bookBackFace" set to "Absolute" cover "Full"

Then the "BookCoverContainer" has a "Self Perspective" set to the below:

Hope that helps.

Aaron.


#9

That was the issue, I needed self perspective. Thanks so much!


#10

@MinewireNetwork

No problem, glad it's working for you!

Aaron


#11

Yeah, I had the same issues.


#12

I bet the issues are, dare I say, a problem the Webflow team will have to work out.

But aside from that, there are some cool ideas here. Nice work.


#13

Awesome idea. I love it


#14

#15