Skip to content

N
Neos
Commit caedad22 authored by Chunchi Che's avatar Chunchi Che
Browse files
Options

为卡片边缘添加fadding效果

parent e24f0887
Hide whitespace changes
Inline Side-by-side
Showing with 13 additions and 1 deletion
src/ui/Duel/PlayMat/Card/index.module.scss
View file @ caedad22
...@@ -106,8 +106,20 @@ ...@@ -106,8 +106,20 @@
display: block !important; display: block !important;
background: var(--shadow-color) !important; background: var(--shadow-color) !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0 4px 0 var(--shadow-color), 0 0 25px 2px #0099ff87;
transform: translateZ(calc((var(--z)) * 1px + 0.1px)); transform: translateZ(calc((var(--z)) * 1px + 0.1px));
animation: shadow-fadding 2s infinite ease-in-out;
}
@keyframes shadow-fadding {
0% {
box-shadow: 0 0 4px 0 var(--shadow-color), 0 0 25px 2px #0099ff87;
}
50% {
box-shadow: none;
}
100% {
box-shadow: 0 0 4px 0 var(--shadow-color), 0 0 25px 2px #0099ff87;
}
} }
.mat-card.glowing .shadow { .mat-card.glowing .shadow {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment