Преобразование при зависании повторяется

Question

У меня есть код, который использует : hover , чтобы сделать кнопку меньше.

.button:hover {
-webkit-transform: scale(.2);
-ms-transform: scale(.2);
transform: scale(.2);
}

, но при тестировании он всегда снова отображает эффект наведения, как бесконечный l oop.

Может ли кто-нибудь помочь мне заставить его работать так, чтобы он зависал только один раз при зависании?

https://jsfiddle.net/Robert_Wi/ropscbqw/2/

Спасибо тебе.

Роберт

Answer 1

Спасибо!

Вот решение:

Поместите его в новый контейнер.

Код: [demo] [1]

  [1]: https://jsfiddle.net/Robert_Wi/ropscbqw/11/