motion-path-polyfill-examples

This repo contains a variety of web pages that use the CSS Motion Path and Individual Transform properties.

They have been tested in Firefox, using the Motion Path Polyfill.

Individual Transform Properties

• translate
• scale
• rotate

offset-position and offset-anchor

• offsetAnchorPosition
• checkerboards

ray

• offsetRayDistance
• contain

Spec

These spec examples are from Motion Path Module Level 1 and are are licensed under the W3C Software and Document License.

• offset_distance_without_contain
• offset_distance_with_contain
• increase-size
• geometry-box
• normal-flow
• offset-distance-unclosed
• offset-distance-closed
• simple_offset_position
• offset_position_auto
• position-transform
• position-scale
• position-absolute
• offset_anchor
• offset_anchor_center
• offset_anchor_auto
• rotate_by_angle_with_auto