Как в мобильной версии Google реализовано градиентное скрытие содержимого за пределами блока?

Здравствуйте.

В мобильной версии поиска Google закладки, которые не помещаются на экране, оформлены в виде постепенного скрытия, что даёт понять, что за пределами блока есть еще другие.

Я дилетант в этих делах, не получилось понять, как они это сделали.
Важно: интересует именно способ, который использовался на этой странице для реализации градиента скрытия

5b069308432f6072064886.jpeg
  • Вопрос задан
  • 99 просмотров
Решения вопроса 1
@tyzberd
как то так https://codepen.io/anon/pen/yjWEWV/
только смотрите с тачем
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Eridani
@Eridani
Мимо проходил
Вычислить ширину блока, вычислить ширину экрана. Если ширина блока выше ширины экрана, тогда вешать необходимое, будто то скролл, оверфлоу или инициализация слайдера
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы