SNOWFLAKE 3
SNOWFLAKE 4
SNOWFLAKE 5
SNOWFLAKE 6
SNOWFLAKE 7
SNOWFLAKE 8
SNOWFLAKE 9
SNOWFLAKE 10
POLYGON 3
POLYGON 4
POLYGON 5
POLYGON 6
POLYGON 7
POLYGON 8
POLYGON 9
POLYGON 10
SNOWFLAKE 3
SNOWFLAKE 4
SNOWFLAKE 5
SNOWFLAKE 6
SNOWFLAKE 7
SNOWFLAKE 8
SNOWFLAKE 9
SNOWFLAKE 10
POLYGON 3
POLYGON 4
POLYGON 5
POLYGON 6
POLYGON 7
POLYGON 8
POLYGON 9
POLYGON 10
DEMO: Building on the stars into polygons demo, we explore here the effects of playing with the transform-origin property, as well as changing the width and height of the divs. The possibilities are endless, so you should play around with the values yourself.
Recall that to make regular stars and polygons we used transform-origin: 50% 100%.
Here we are using transform-origin: [>100%] 50%.
Note: This demo uses the rotation.css stylesheet.