alex/fab-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply rainbow effect only to card name

Browse Source
This commit is contained in:
Alexandr Andreyev 2025-08-15 09:55:53 +03:00
parent 729e234c4f
commit c1eba46fb7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
fab-ui/src/fab-card.ts
View File

@ -118,7 +118,7 @@ export class FabCard extends LitElement {
color: #666; color: #666;
} }
.rainbow-foiling { .rainbow-foiling .card-name {
background: linear-gradient(90deg, #ffb347, #ffcc33, #b4ffb3, #b3d1ff, #e0b3ff, #ffb3d1, #ffb347); background: linear-gradient(90deg, #ffb347, #ffcc33, #b4ffb3, #b3d1ff, #e0b3ff, #ffb3d1, #ffb347);
background-size: 200% 200%; background-size: 200% 200%;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -131,7 +131,7 @@ export class FabCard extends LitElement {
0% { background-position: 0% 50%; } 0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; } 100% { background-position: 100% 50%; }
} }
.cold-foiling { .cold-foiling .card-name {
background: linear-gradient(90deg, #b3e0ff, #e6e6e6, #b3e0ff, #e6e6e6, #b3e0ff); background: linear-gradient(90deg, #b3e0ff, #e6e6e6, #b3e0ff, #e6e6e6, #b3e0ff);
background-size: 200% 200%; background-size: 200% 200%;
-webkit-background-clip: text; -webkit-background-clip: text;