diff --git a/src/styles/proplate.css b/src/styles/proplate.css index e70231e..23c12b9 100644 --- a/src/styles/proplate.css +++ b/src/styles/proplate.css @@ -5,6 +5,7 @@ margin-left: 0.5rem; display: inline-flex; text-transform: lowercase; + animation: proplate-fadein .15s linear; } /* dark theme */ @@ -68,3 +69,18 @@ rgba(255, 0, 0, 1) 100% ); } + +@keyframes proplate-fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@media (prefers-reduced-motion) { + .protoots-proplate { + animation: none; + } +}