Все сервисы Хабра
Сообщество 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
Простой
Как заставить скрипт tampermonkey работать?
2 подписчика
вчера
147 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать анимацию с отражением на canvas JavaScript?
1 подписчик
вчера
53 просмотра
0
ответов
JavaScript
Простой
Как добавить класс элементу в кастомном шаблоне Dropzone?
1 подписчик
вчера
33 просмотра
0
ответов
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
66 просмотров
1
ответ
HTML
+4 ещё
Средний
Продвинутые пользовательские стили сайтов, не ограниченные одним css?
2 подписчика
22 мая
906 просмотров
3
ответа
HTML
+1 ещё
Простой
Как сделать эффект при наведении как на этом сайте?
2 подписчика
22 мая
367 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сверстать такой background чтоб он был адаптивный?
1 подписчик
22 мая
120 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как улучшить accesibility slick-slider сохранив функциональность?
2 подписчика
21 мая
85 просмотров
0
ответов
JavaScript
Простой
Как сделать клик по родителю iframe со сторонним доменом?
2 подписчика
20 мая
272 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать подчеркивание, как на картинке?
1 подписчик
19 мая
928 просмотров
4
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама