0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

split background and anmimated title colors

Browse source
This commit is contained in:
j 2021-10-22 10:32:26 +01:00
parent b2fdabeb59
commit 160fac556a
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/static/css/partials/_titleanimation.scss
View file

@ -1,4 +1,9 @@
:root {
--animated-title-color-1: #6666ff;
--animated-title-color-2: #0099ff;
--animated-title-color-3: #ffff00;
--animated-title-color-4: #ff3399;
}
@keyframes animated_title_animation { @keyframes animated_title_animation {
0%,100% { 0%,100% {
background-position: 0 0; background-position: 0 0;
@ -12,7 +17,7 @@
.animated-title { .animated-title {
.text { .text {
//background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff); //background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4)); background: linear-gradient(to right, var(--animated-title-color-1), var(--animated-title-color-2) , var(--animated-title-color-3), var(--animated-title-color-4));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
color: transparent; color: transparent;