Strange rendering in Hype Pro 3.6

(Dennis van Leeuwen) #1

Hey, guys,

When I was using a gradient div for a mouse_over effect. I stumbled upon a strange 3D effect inside of Muse. At first, I liked it. But on previewing it in the browser it was gone. With that, it should be a rendering problem within the software. And that is why I am posting it here.

Here is a Videocast to help reproduce and hype file: (1.0 MB)

Live link:

The jumping of divs from scene to scene is there because the sizes are different in each scene.

(Mark Hunte) #2

I think this may show the issue.

It does seem that the gradient is giving an extra affect on elements set below it. (780.2 KB)

(Dennis van Leeuwen) #3

But only in Hype itself.

My brain keeps writing happy instead of hype.

(Mark Hunte) #4

So I do not think it is the gradient that is doing this but the angle rotations on the group ‘mask_left’
The group/div seems to be picking up the text pixals below and then also distorting them.

Here I have removed the gradient.
And changed the angle.

You can see the text (like a ghost) is being picked up and also distorted

shortVersion (780.3 KB)

And shows up in Preview but not export

(Jonathan Deutsch) #5

I think this is due to the use of backdrop filters. It is a relatively new technology intended and looks like has edge case bugs when it comes to 3D rotation (another technology that we’ve found has its share of bugs).

You’d see it in Safari and MS Edge, but other browsers don’t support backdrop filters at all. Note the warning icon in the inspector about this.

You may instead want to use a foreground filter effect on the image itself instead.

(Dennis van Leeuwen) #6

Oh dear… can I (ab) use is still there. :slight_smile: