Анимированные кнопки html5 при нажатии

Question

Мне интересно, есть ли способ анимировать кнопку, когда она нажата (НЕ переворачивается) с использованием HTML5 / javascript?

Я хочу создать почти мультяшную кнопку, которая немного увеличивается при нажатии и сверкает. Я знаю, это звучит довольно глупо, но я думаю, что конечный результат будет выглядеть лучше, чем кажется.

Мое вдохновение - это? блоки в новых играх Super Mario Brothers.

Answer 1

То, что вы ищете, создано CSS3, а не HTML5.

Вот сообщение в блоге со ссылками на десять различных уроков по созданию всяких классных кнопок с помощью CSS3: http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials.

Многие кнопки раскрываются и набираются при наведении курсора с помощью селектора: hover. Если вы хотите, чтобы стиль применялся при нажатии, просто замените селектор: active вместо этого.

Надеюсь, это поможет вам.