CSS3 transforms with physics

Are CSS3 transforms and physics incompatible? When trying to have an item with full physics properties drop onto an item that has been rotated, the item dropping stops at the bounding box around the rotated static item.

css3transfroms.hype.zip (12.3 KB)

Yes it stops at the top of the original container shape.
The only one that works right out of the box is the z angle.

Here is a way to fool the physics and the container.
place a static container Fill (none) Stroke (none) on top and align it to the top of your angled shape
Digital duct tape but it works :wink:
css3transfroms_fooled.hype.zip (17.5 KB)

1 Like

Correct, Physics only works with 2D elements.