qtimer.css

.qt_alarm {
    animation:qt_kfalarm 0.6s ease 0s 5;
}
.min_text .min_text_tc, .min_text_mask .min_text_mask_tc {
    animation:fillOpacity1 1s ease 0s infinite;
}

@keyframes qt_kfalarm {
  from { r: 65px;  stroke-opacity: 1; } 
  to   { r : 75px; stroke-opacity: 0;} 
}
@keyframes qt_opalarm {
  from {stroke-opacity: 1; fill-opacity:1 } 
  to   {stroke-opacity: 0; fill-opacity:0} 
}


.qt_alarm_vib {
    animation-delay: 0s;
    animation-duration: 1s;
    animation-name: alarm_vib;
    animation-iteration-count: 3;
    animation-timing-function: linear;
}
.qt_alarm_vib_op {
    animation-delay: 0s;
    animation-duration: 3s;
    animation-name: fillOpacity1;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

@keyframes fillOpacity1 { 
    0% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@-webkit-keyframes alarm_vib {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, 5deg);
        transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, 5deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, -5deg);
        transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, -5deg)
    }
}
@keyframes alarm_vib {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, 5deg);
        transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, 5deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, -5deg);
        transform: scale3d(1.15, 1.15, 1.15) rotate3d(0, 0, 1, -5deg)
    }
}