---
title: "Reacciones con un toque animado"
url: "https://fcuba.net/threads/3878-reacciones-con-un-toque-animado"
forum: "Xenforo"
author: "YamilRH"
published: "2020-11-28T14:09:33.000Z"
updated: "2021-02-23T04:49:51.000Z"
page: 1
pages: 1
---

# Reacciones con un toque animado

In [Xenforo](https://fcuba.net/forums/165-xenforo.md), started by YamilRH on 2020-11-28T14:09:33.000Z.

## YamilRH, [2020-11-28T14:09:33.000Z](https://fcuba.net/threads/3878-reacciones-con-un-toque-animado#post-34852)

> Esto no lo encontraras en ningún lado a menos que sea publicado por mi.
> Lo que hara es que cuando quieras reaccionar a un tema, mensaje o comentario al pasarle el mouse por encima se moverá dándole una animación similar a un gif
> Agregar en la plantilla `extra.css`
>
> ```css
> // HOVER REACTION + add-ons [TH]Reactions Plus
> //By YamilRH
> .reaction > .reaction-sprite:hover {
>     animation: reaction 1.2s;
> }
> @keyframes reaction{
>     0{-webkit-transform:translate(0, 0) rotate(0);
>         -ms-transform:translate(0, 0) rotate(0);
>         transform:translate(0, 0) rotate(0)
>     }
>     20%{-webkit-transform:translate(-3px, 0) rotate(-25deg);
>         -ms-transform:translate(-3px, 0) rotate(-25deg);
>         transform:translate(-3px, 0) rotate(-25deg)
>     }
>     30%{-webkit-transform:translate(3px, 0) rotate(25deg);
>         -ms-transform:translate(3px, 0) rotate(25deg);
>         transform:translate(3px, 0) rotate(25deg)}
>     50%{-webkit-transform:translate(-3px, 0) rotate(-15deg);
>         -ms-transform:translate(-3px, 0) rotate(-15deg);
>         transform:translate(-3px, 0) rotate(-15deg)
>     }
>     60%{-webkit-transform:translate(3px, 0) rotate(15deg);
>         -ms-transform:translate(3px, 0) rotate(15deg);
>         transform:translate(3px, 0) rotate(15deg)
>     }
>     100%{-webkit-transform:translate(0, 0) rotate(0);
>         -ms-transform:translate(0, 0) rotate(0);
>         transform:translate(0, 0) rotate(0)
>     }
> }
> ```
>
> Compatible con el addons \[ TH\]Reactions Plus de ThemeHouse

## Lil Joycel, [2021-02-20T18:23:16.000Z](https://fcuba.net/threads/3878-reacciones-con-un-toque-animado#post-46305)

> Y hay que usar el plugin \[ TH\] Reactions Plus obligatorio?

## YamilRH, [2021-02-23T04:49:51.000Z](https://fcuba.net/threads/3878-reacciones-con-un-toque-animado#post-46749)

> > **[Lil Joycel](https://fcuba.net/posts/46305) wrote:**
> > Y hay que usar el plugin \[ TH\] Reactions Plus obligatorio?
>
> Nop, lo hice de tal forma que si usas ese complemento siga funcionando, ese complemento lo que te permite es agregar mas reaciones.