Last active
July 29, 2019 10:18
-
-
Save shopifypartners/f833be0bb56a3218d48ac039c035dcb4 to your computer and use it in GitHub Desktop.
Subtle animation using @Keyframes to set different container height points - https://www.shopify.com/partners/blog/text-animation-css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @keyframes scroll { | |
| 0% {margin-top:-270px;} | |
| 5% {margin-top:-180px;} | |
| 33% {margin-top:-180px;} | |
| 38% {margin-top:-90px;} | |
| 66% {margin-top:-90px;} | |
| 71% {margin-top:0px;} | |
| 99.99% {margin-top:0px;} | |
| 100% {margin-top:-270px;} | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment