@biz53

Как сделать анимацию фона собирающуюся в круг + изменение цвета текста?

Подскажите, с помощью чего можно это реализовать? Не обижусь, если прикрепите рабочие примеры)
5f8196eb9ff79358752792.png
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
RAX7
@RAX7
Текст придется дублировать и обрезать clip-path`ом.
Без дублирования можно попробовать поиграть с mix-blend-mode, но я сомневаюсь, что найдется подходящий режим наложения для данного случая.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Вообще, это сложность для веб, управлять не прямоугольной графикой.

Как вариант, внутри разместить круглый синий круглый блок (border-radius 50%), который будет намного больше родительского контейнера, и будет скрыт за его границами, т.е. визуально будет видно прямоугольник. При наведении делается transform: scale, и он уменьшается до нужных размеров. Фон родительского контейнера сделать серым.

Правда, всё зависит от анимации которая вам требуется.

И, вот этот текст, чтобы под блоком был белый, а дальше черный. Попробуйте вот это: https://developer.mozilla.org/en-US/docs/Web/CSS/f...
Ответ написан
Ваш ответ на вопрос

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

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