@jyweta

Как залить фон родительского элемента из центра кнопки анимированно?

<div class='containerCard'>
<div class='buttonFiller'>Кнопка</div>
</div>


Привет! Есть карточка containerCard. Просто див со скругленными краями, бордером и тенью. У него есть кнопка, пусть это будет бургер. Как сделать так, чтоб при нажатии на эту кнопку-бургер, карточка заливалась цветом кнопки ИЗ точки центра этого бургера? Будто бы при нажатии на него под ним роняется гипотетическое ведро с краской. Не просто цвет фона поменялся у родителя, а именно из какой то точки анимированно залилось.

6197abb1a3f75125779841.png

Что то нагуглил, сами анимации то сложностей вроде не вызывают, их вызывает логика. В этом примере по ссылке кнопка заливается, но она же сама, не родительский элемент.
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы