Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
LastGeneral
@LastGeneral
JavaScript
HTML
CSS
Как реализовать вот такой эффект?
Понравился эффект, как такое сделать?
пример
Вопрос задан
более трёх лет назад
156 просмотров
Комментировать
Подписаться
2
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
ildar-meyker
@ildar-meyker
Примерно так.
https://codepen.io/ildar-meyker/pen/ZEBbXRB
Ответ написан
более трёх лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
LastGeneral
@LastGeneral
Автор вопроса
А если картинка не одна?
Написано
более трёх лет назад
Ivan Bogachev
@sfi0zy
Куратор тега CSS
Creative frontend developer
SVG-маски - наше все. Хотя в этом случае вариант с clip-path тоже очень даже рабочий. Еще есть вариант маски на шейдерах, но это совсем особый случай, хотя может внезапно оказаться очень производительным.
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как изменить формат url для видео на vimeo?
1 подписчик
8 часов назад
30 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
80 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать переход с Bootstrap 3 на Bootstrap 5?
1 подписчик
12 июн.
107 просмотров
1
ответ
JavaScript
Средний
Действительно ли скрипт на этом сайте не работает?
1 подписчик
12 июн.
109 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
11 июн.
86 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Не работает эта чатсть submit.addEventListener?
1 подписчик
11 июн.
74 просмотра
1
ответ
JavaScript
Простой
Как скрипт tampermonkey заставить выполняться уже после ublock?
1 подписчик
10 июн.
82 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать такую кнопку?
1 подписчик
07 июн.
2208 просмотров
3
ответа
JavaScript
+1 ещё
Простой
Не корректно считает высоту pdf puppeteer?
2 подписчика
06 июн.
194 просмотра
0
ответов
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
05 июн.
764 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Fullstack-разработчик (PHP/JavaScript)
Rubrain.com
•
Москва
от 250 000 до 280 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама