Unfolding the UnfoldUI logo
Transform

See the Pen Transform by gmukul01 ( @gmukul01) on CodePen.

What are the possible ways to animate HTML element using CSS?
Animation

See the Pen Animation by gmukul01 ( @gmukul01) on CodePen.

Transition

See the Pen Transitions by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Rotate3d

See the Pen Rotate3d by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Transform origin

See the Pen rrvRxj by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Steps to build the UnfoldUI logo
Building blocks of the logo
Step 1 - Smallest Component of Logo

See the Pen Step1 by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Step 2

See the Pen Step2 by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Step 3

See the Pen Step3 by nikhil.001mehta ( @nikhil-001mehta) on CodePen.

Final Step - The logo

See the Pen Final by nikhil.001mehta ( @nikhil-001mehta) on CodePen.