Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Kactus
@Kactus
JavaScript
HTML
CSS
Как сделать такой же эффект прокрутки как на этом сайте?
Добрый день, как можно сделать такой же (ну или похожий) эффект прокрутки как на сайте Тинькофф
https://cyberpunk.content.tinkoff.ru/
Вопрос задан
более трёх лет назад
834 просмотра
Комментировать
Подписаться
10
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Степан Крапивин
@xevin
python.js
Уменьшить карточку можно примерно вот так:
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
15
Комментировать
Facebook
Вконтакте
Twitter
G F
@fomenkogregory
Юниор софтварный инженер
На Scroll ивент уменьшаем изображение, и фейдим текст. Под конец меняем позишн абсолют на релатив. Ну это первое что в голову приходит, скорее всего можно оптимальнее. Вообще если открыть девтулы, думаю видно будет.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
iordania
@iordania
Как реализовать подобный эффект?
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
вчера
110 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
вчера
546 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
959 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1280 просмотров
0
ответов
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
105 просмотров
1
ответ
JavaScript
Простой
Почему селект2 мулти добавляет пустое значение?
1 подписчик
29 мая
42 просмотра
0
ответов
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
118 просмотров
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
75 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать анимацию прорисовки линии в fabric 6?
1 подписчик
25 мая
76 просмотров
0
ответов
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
168 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама