Как сделать трансформацию background-image кнопки?

Question

[kkoshakk]

Нужно сделать кнопку с background-image и при клике на кнопку что бы происходила трансформация background-image (увеличение). Помогите как сделать?

Answer 1

[AlexanderShustik]

А я бы на событие повесил transform: scale()

Answer 2

[Максим Тимофеев]

это при наведении:

.knopka {backrgound-size:100%;}
.knopka:hover {backrgound-size:150%;}

это при клике:

.knopka {backrgound-size:100%;}
.knopka:active {backrgound-size:150%;}

Answer 3

[Олег]

Так https://jsfiddle.net/joomla/ofasp6v0/