diff options
| author | Galen Guyer <galen@galenguyer.com> | 2022-04-13 20:16:57 -0400 |
|---|---|---|
| committer | Galen Guyer <galen@galenguyer.com> | 2022-04-13 20:16:57 -0400 |
| commit | c2442ca62e5d4b32f1a913336f51282b9490b1f2 (patch) | |
| tree | 39f8a58aec7996b04dca8960353e71e544d40a3d /src/pages/Graph.css | |
| parent | 264e571b0ca34d24f4997c5864a43d4f475e14dc (diff) | |
To the Moon!!!
Diffstat (limited to 'src/pages/Graph.css')
| -rw-r--r-- | src/pages/Graph.css | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/src/pages/Graph.css b/src/pages/Graph.css index c28c8bd..8cb98ee 100644 --- a/src/pages/Graph.css +++ b/src/pages/Graph.css @@ -1,4 +1,33 @@ .Title { - font-size: 2.0em; + font-size: 2em; margin-top: 24px; } + +.ToTheMoon { + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-animation-delay: 1.5s; + animation-delay: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} |