tstyle.css: remove resource-hungry color animation of welcome banner - adamsgaard.dk - my academic webpage (HTM) git clone git://src.adamsgaard.dk/adamsgaard.dk (DIR) Log (DIR) Files (DIR) Refs (DIR) README (DIR) LICENSE --- (DIR) commit d2be7475df969bb9fc21d7ff4c80b043b7db0c20 (DIR) parent dc57d5bcd3f00e53e7ec30d74f02c5fb2f5c5009 (HTM) Author: Anders Damsgaard <anders@adamsgaard.dk> Date: Wed, 9 Dec 2020 11:05:58 +0100 style.css: remove resource-hungry color animation of welcome banner Diffstat: M style.css | 60 +------------------------------ 1 file changed, 1 insertion(+), 59 deletions(-) --- (DIR) diff --git a/style.css b/style.css t@@ -88,11 +88,7 @@ li { } .welcome { white-space: pre; - -webkit-animation: color-change 5s infinite; - -moz-animation: color-change 5s infinite; - -o-animation: color-change 5s infinite; - -ms-animation: color-change 5s infinite; - animation: color-change 5s infinite; + color: #5f5; } .btn { display: incline-block; t@@ -151,60 +147,6 @@ a { } .hidden { display: none; } - -@-webkit-keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} - -@-moz-keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} - -@-moz-keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} - -@-ms-keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} - -@-o-keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} - -@keyframes color-change { - 0% { color: #5f5; } - 40% { color: #5f5; } - 49% { color: #55f; } - 50% { color: #f5f; } - 90% { color: #f5f; } - 100% { color: #55f; } -} .mediaframe { max-width: 300px; max-height: 200px;