diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss index 0aca5cc0..b94f6114 100644 --- a/app/javascript/styles/about.scss +++ b/app/javascript/styles/about.scss @@ -390,10 +390,9 @@ position: absolute; transition: all 0.1s linear; animation-name: floating; - animation-duration: 1.7s; animation-iteration-count: infinite; animation-direction: alternate; - animation-timing-function: linear; + animation-timing-function: ease-in-out; z-index: 2; } @@ -402,6 +401,7 @@ height: 170px; right: -120px; bottom: 0; + animation-duration: 3s; background-image: url('data:image/svg+xml;utf8,'); } @@ -410,6 +410,7 @@ height: 100px; right: 210px; bottom: 0; + animation-duration: 3.5s; animation-delay: 0.2s; background-image: url('data:image/svg+xml;utf8,'); } @@ -419,7 +420,8 @@ height: 140px; right: 110px; top: -30px; - animation-delay: 0.1s; + animation-duration: 4s; + animation-delay: 0.5s; background-image: url('data:image/svg+xml;utf8,'); } }