/* Piscar */
.piscar {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/* Tremor */
.tremer {
    animation: shake-animation 0.5s cubic-bezier(.36,.07,.19,.97) both infinite;
}

@keyframes shake-animation {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

/* Alteração de Cor */
.alterar-cor {
    animation: color-change-animation 1s infinite alternate;
}

@keyframes color-change-animation {
    from { background-color: lightblue; }
    to { background-color: lightgreen; }
}

/* Brilho */
.brilhar {
    animation: glow-animation 1s ease-in-out infinite alternate;
}

@keyframes glow-animation {
    from { box-shadow: 0 0 5px #fff; }
    to { box-shadow: 0 0 20px #00ff00; }
}

/* Pulsar */
.pulsar {
    animation: pulse-animation 1s infinite;
}

.pulsar2s {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Borda Piscante */
.piscar-borda {
    animation: border-blink-animation 1s infinite;
}

@keyframes border-blink-animation {
    0%, 100% { border-color: transparent; }
    50% { border-color: red; }
}