Не получается разместить кнопку gif на сайте!

Подскажите пожалуйста! Клиент попросил из простого изображения кнопки (png файл) сделать кнопочку мигающей gif. Я все очень быстро сделал, но как оказалось при размещении на сайте вокруг кнопки оказалось некрасивое белое пятно. Если посмотреть, то в исходном пнг файле было небольшое свечение, т.е. чтобы от кнопки шел световой ореол, когда на нее наводишь мышку. Может кто знает какие требования должны быть к гиф файлу, чтоб ореол было видно нормально а не как белую кляксу?

Уберите тень под кнопкой, белые пиксели вокруг-особенность гифа. Или сделайте ровные края, не скругленные.

Возможно стоит убрать тень под кнопками)

Можно оставить тень (т.е. оставить картинки в формате .png), в одной картинке разместить оба изображения (одно под другим), а затем скриптом менять background-position. Будет красивее, хотя будет требоваться js.

Это называется matte. или уберите его вообще, или сделайте под цвет фона.

Это гадости gif-a при использовании нулевой непрозрачности
попробуйте с непрозрачным фоном

Уберите эту кнопку полностью.Она ужасна....

Gif просто не поддерживает полупрозрачных пикселей
Отсюда все проблемы.

Бороться с этим в основном можно только уничтожением полупрозрачных пикселей