diff --git a/animation.html b/animation.html index d9628f7..0d99fab 100644 --- a/animation.html +++ b/animation.html @@ -17,19 +17,20 @@ } .text { position: absolute; - animation: moveText 5s infinite alternate; + animation: fadeText 6s infinite; font-size: 2em; opacity: 0.8; } - @keyframes moveText { - 0% { transform: translate(-50%, -50%); } - 50% { transform: translate(10%, 10%); } - 100% { transform: translate(50%, 50%); } + @keyframes fadeText { + 0%, 33% { opacity: 1; } + 50%, 83% { opacity: 0; } + 100% { opacity: 1; } }