Gif inside button (HTML, CSS)

Question

I am searching for a way to display/play a gif inside of a button. The button should have a gif inside it, that starts playing on hover.

Does this answer your question? [Can you control GIF animation with Javascript?](https://stackoverflow.com/questions/2385203/can-you-control-gif-animation-with-javascript) — zero298, Jun 01 '20 at 20:21

score 0 · Answer 1 · answered Jun 02 '20 at 04:18

0

Well, you need to use CSS

<style>
.button {
background: url('gifname.gif');
border: none;
background-repeat: no-repeat;
object-fit: cover;
}
</style>
<button class="button">

I hope that solves your problem

answered Jun 02 '20 at 04:18

RingGamesCompany

Tried it, but didnt get it to work :/ Do you have a jsbin or codepen link? – WakanaYuki Jun 02 '20 at 17:31

1 Answers1