Делаем анимированную кнопку

Наверняка вы видели в публикациях анимированные кнопки, они увеличивают привлекательность и придают уникальность вашему контенту

Итак, как же сделать анимированную кнопку, обладая минимальным объёмом знаний? 

Специально для написания поста я сделал вот эту анимированную картинку, и сейчас покажу как.

Предлагаю открыть программу всем знакомую PAINT 

Создаём поле = я создал поле размером 400 на 400 пикселей

Рисуем круг и в него вписываем цифру 1, ну это для наглядности, вы можете естественно выбрать фразу, сделать какие нибуть контуры, вобщем каждый кадр можете прорисовать так как вы пожелаете, моя же задача объяснить, как это всё работает. Картинку сохраняем, удаляем единичку рисуем двоечку, сохраняем, и так далее я сделал 3 картинки

итак три картинки есть

Далее идем на сайт http://gifius.ru/

Загружаем три наших картинки

я немного уменьшил скорость, размер оставил тот же для наглядности

скачиваем эту картинку

загружаем на сайт http://hostingkartinok.com/

берем оттуда ссылку на загруженное изображение и публикуем. Внизу публикации моей так же кнопка анимированная, которую сам сделал таким же способом.