Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Средний
Не влезает шрифт в input?
2 подписчика
6 часов назад
211 просмотров
0
ответов
HTML
+1 ещё
Простой
Как задать прозрачность изображению?
1 подписчик
7 часов назад
50 просмотров
1
ответ
JavaScript
Простой
Только на мобильной версии сайта не работает отправка формы на почту?
1 подписчик
09 июл.
176 просмотров
2
ответа
JavaScript
Простой
Как добавить ограничение на перемещение с transform translate?
1 подписчик
08 июл.
112 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
801 просмотр
5
ответов
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
07 июл.
191 просмотр
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
123 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
06 июл.
1592 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
06 июл.
95 просмотров
0
ответов
JavaScript
Простой
Как отображать HTML в виде текста, но и не поломать markdown?
1 подписчик
03 июл.
168 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36
•
Воронеж
от 100 000 до 150 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама