Хабровчане vs. цифровые сервисы банков: итоги
Задать вопрос
@LastGeneral
css

Как реализовать вот такой эффект?

Понравился эффект, как такое сделать?
пример
601abc2d28ac9075085362.png
601abc34c995c062721113.png
601abc3c65f38156303903.png
  • Вопрос задан
  • 153 просмотра
Комментировать
Подписаться 2 Средний Комментировать
Решения вопроса 2
@ildar-meyker
Примерно так. https://codepen.io/ildar-meyker/pen/ZEBbXRB
Ответ написан
1 комментарий
Нравится 2 1 комментарий
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
SVG-маски - наше все. Хотя в этом случае вариант с clip-path тоже очень даже рабочий. Еще есть вариант маски на шейдерах, но это совсем особый случай, хотя может внезапно оказаться очень производительным.

Ответ написан
Комментировать
Нравится 2 Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
Novakid
от 180 000 ₽
JavaScript Developer
Гринатом • Москва
от 180 000 до 220 000 ₽
Программист PHP
Time • Москва
от 30 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Миграция с FireBase на MongoDB
26 февр. 2021, в 22:16
10000 руб./за проект
(Frontend) доработки ReactJS
26 февр. 2021, в 21:56
20000 руб./за проект
Собрать сайт на WordPress по аналогии с сайтом примером на Joomla
26 февр. 2021, в 21:04
35000 руб./за проект
Ещё заказы