Mochi's profile picture

Published by

published

Category: Web, HTML, Tech

REGALO DE MOCHI PARA TODOS XDDD (ojalá vean esto)

he intentado mejorar un layout de perfil flotante, es sin el blurb porque no se podía poner gifs y se quedaban en esa sección, basicamente lo edite para poder decorar mejor el perfil con gifs en la pantalla :3, obviamente no es completo, pero es para las personas que desean el perfil flotante con los gifs,
intentaré publicarlo luego en los layouts, si no funciona bien diganme en los comentarios para poder editarlo

.main, .footer, .nav::before, .online, .nav .links, nav .top, .table-section, .heading, .general-about, .contact, .comments-table td, .friends, footer, .mood, h1, .top input, .links, .top, table.details-table, .profile-info, .blog-preview  {

    animation: float 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}


 .main, .footer, .nav::before, .online, .nav .links, nav .top, .table-section .heading, .general-about, .contact, .comments-table td, .friends, footer, .mood, h1, .top input, .links, .top  {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>


(esta parte no se copia xd)

también si quieren la animación más alocada en el 50% cambien el 8px por 400 jajaja XD


2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )