Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
monochromer
@monochromer
DIVeloper
HTML
CSS
Веб-разработка
SVG
Canvas
Есть ли примеры сайтов с таким эффектом обрезки и маски?
Как на примере
Вопрос задан
более трёх лет назад
781 просмотр
5
комментариев
Подписаться
5
Оценить
5
комментариев
Facebook
Вконтакте
Twitter
vis0r
@vis0r
можно ссылку на исходный сайт?
Написано
более трёх лет назад
Сергей
@serzhei
тоже было бы интересно увидеть на живом примере эти педали
Написано
более трёх лет назад
monochromer
@monochromer
Автор вопроса
vis0r
: показанная анимация -это просто gif. Но подобное представление набирает популярность. Поэтому я и попросил привести примеры сайтов, чтобы посмотреть, как люди делают. В принципе, ответ один - шерстить сайты типа awwwards.
Написано
более трёх лет назад
vis0r
@vis0r
monochromer
: ok, перефразирую, назовите пожалуйста источник этой гиф анимации.
Написано
более трёх лет назад
monochromer
@monochromer
Автор вопроса
vis0r
:
https://dribbble.com/shots/3460104-Work-in-portfolio
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Anton fon Faust
@bubandos
bash'у, javascript'ую, php'лю, css'аю, html'каю
Анимация создана из последовательности изображений.
Маски - те же самые изображения в дивах с overflow: hidden и смещением.
Имхо, не сложно делается.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
1 подписчик
вчера
70 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
вчера
134 просмотра
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
вчера
931 просмотр
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
вчера
952 просмотра
0
ответов
Веб-разработка
+1 ещё
Средний
Как вывести удалённую консоль hp ilo4?
2 подписчика
вчера
66 просмотров
0
ответов
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
98 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
112 просмотров
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
75 просмотров
1
ответ
WordPress
+2 ещё
Средний
Как сделать обмен музыки из канала в телеграмме с сайтом?
1 подписчик
26 мая
167 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать анимацию прорисовки линии в fabric 6?
1 подписчик
25 мая
76 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама