adding pulse effect

This commit is contained in:
AlphaX-Projects 2023-06-13 17:59:19 +02:00
parent f91c3d69dc
commit b31808e1b0

View File

@ -165,12 +165,14 @@ class ShowPlugin extends connect(store)(LitElement) {
.count {
font-weight: bold;
background-color: red;
background-color: #C6011F;
color: white;
font-size: 12px;
padding: 2px 6px;
text-align: center;
border-radius: 5px;
animation: pulse 1500ms infinite;
animation-duration: 6s;
}
.ml-5 {
@ -204,6 +206,15 @@ class ShowPlugin extends connect(store)(LitElement) {
.mr-20 {
margin-right: 20px;
}
@keyframes pulse {
0% {
box-shadow:#C6011F 0 0 0 0;
}
75% {
box-shadow:#ff69b400 0 0 0 16px;
}
}
`
}