Previous Demo Back to the Codrops Article

Progress Button Styles Creative effects for loading buttons

Without support for transform-style: preserve-3d you will see the fallback style (fill horizontal).

fill horizontal

fill vertical

shrink horizontal

shrink vertical

rotate-angle-bottom
perspective

rotate-angle-top
perspective

rotate-angle-left
perspective

rotate-angle-right
perspective

rotate-side-down
perspective

rotate-side-up
perspective

rotate-side-left
perspective

rotate-side-right
perspective

rotate-back
perspective

flip-open
perspective

slide-down
horizontal

move-up
horizontal

top-line
horizontal

lateral-lines
vertical