Commit 470d9394 authored by Chunchi Che's avatar Chunchi Che

add animation for shadow of card

parent e24f0887
Pipeline #27138 passed with stages
in 14 minutes and 20 seconds
......@@ -106,8 +106,20 @@
display: block !important;
background: var(--shadow-color) !important;
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));
animation: shadow-flow 2s infinite ease-in-out;
}
@keyframes shadow-flow {
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 {
......
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