Возможно ли такое реализовать на css3?

Question

[Alibek Kulseitov]

Я вот сижу и ломаю голову) Задача такая что при наведении на кнопку ее тень должна анимироваться вот так пример
Такое вообще возможно)?

Answer 1

[lnked]

Так - Ссылку обновил

Comments

[Alibek Kulseitov]

Круто!) то что искал!) только один момент, он такой и будет размазанный)?

[lnked]

Алибек Кулсеитов: что значит размазанный (покажите скрин посмотреть что имеется ввиду)

[Ankhena]

Алибек Кулсеитов: точки останова градиента ставьте не 25% 25%, а с разницей 24.9% 25% - тестируется отдельно для каждого угла

[Ankhena]

Алибек Кулсеитов: https://jsfiddle.net/6607jde5/3/ (добавляла 0.1, так было проще менять, сути это не меняет)

Answer 2

[Дмитрий]

Кнопку сделать через button
Тень (или что у вас там) сделать через псевдо-элемент :before
В состоянии :hover для кнопки начинать проигрывать animation для :before