Como hacer eso??

andifc · 3 May 2022

Me he fijado que en la parte del menú de foro beta veo una animación en tendencia quisiera saber como se hace?

Henry00jj95 · 3 May 2022

andifc dijo:
Me he fijado que en la parte del menú de foro beta veo una animación en tendencia quisiera saber como se hace?

es animación CSS para ser mas específicos.
ahora tendrías que hacerlo con un icono o un svg y acomodarlo de acuerdo a tus necesidades.

CSS:

.p-navEl a[data-nav-id='tendencia']:before {
    color: #F8665E;
    content: "\f7e4";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
a[data-nav-id='tendencia']:before {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

ServiCloud · 3 May 2022

tenia la misma duda

Como hacer eso??

andifc

Adjuntos

Henry00jj95

ServiCloud

Temas similares