akshay-nm/states.md

Last active May 26, 2020 10:11

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/akshay-nm/827ba8a3781bac9d79dc7986634120cb.js"></script>
Save akshay-nm/827ba8a3781bac9d79dc7986634120cb to your computer and use it in GitHub Desktop.

Image Reveal component animation states

Raw

    
States
Cover attributes
Image attributes

S0
{ left: 0%, width: 0% }
{ opacity: 0, transform: scale(0.5) }

S1
{ width: 100% }
no change

S2
{ width: 0%, left: 100% }
{ transform: scale(1), opacity: 1 }

States	Cover attributes	Image attributes
S0	{ left: 0%, width: 0% }	{ opacity: 0, transform: scale(0.5) }
S1	{ width: 100% }	no change
S2	{ width: 0%, left: 100% }	{ transform: scale(1), opacity: 1 }