Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
maxkrin
@maxkrin
JavaScript
HTML
CSS
Как сделать визуальный эффект на сайте в виде колонок?
Как сделать визуальный эффект на сайте в виде колонок? к примеру как
тут
Вопрос задан
более трёх лет назад
101 просмотр
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
alexalexes
@alexalexes
Делать правые и левые отступы, ширину элементов кратно размеру колонки.
Приведенный пример эту идею и воспроизводит, нужно только покопаться в Elements в панели разработчика браузера, чтобы увидеть эту закономерность.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Ankhena
@Ankhena
Куратор тега CSS
Нежно люблю верстку
Пример:
https://jsfiddle.net/rfmjwhk0/
Суть:
Фикс блок (а лучше псевдоэлемент) на всю ширину и высоту окна.
С фоном повторяющимся линейным градиентом в полоску.
pointer-events none
Или полоски можно делать SVG.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
17 часов назад
107 просмотров
4
ответа
JavaScript
Средний
Windows просит USB-ключ, а мне нужен PIN. Как включить проверку пароля/PIN в Windows Hello?
1 подписчик
18 часов назад
51 просмотр
1
ответ
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
20 часов назад
73 просмотра
1
ответ
HTML
Простой
Как сделать на сайте цитаты, как в Telegram?
3 подписчика
вчера
782 просмотра
2
ответа
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
вчера
160 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
5 подписчиков
вчера
2041 просмотр
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
88 просмотров
2
ответа
JavaScript
Средний
Как отправить куки?
1 подписчик
31 мар.
150 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
31 мар.
45 просмотров
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
31 мар.
55 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама