Чёрная пятница в Хабр Киоске Чёрная пятница в Хабр Киоске
Когда облака — та самая таблетка. Опрос про будущее
Задать вопрос
shnopik87
@shnopik87
Утром, познав истину, вечером можно умереть.
css

Как сверстать такую полоску элемент?

День добрый!
Подскажите пожалуйста, как сверстать такую статичную полоску?!75f62de91b3a4fb68c8b1877a8470e76.jpg
Не пойму с какой стороны подойти....
  • Вопрос задан
  • 291 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
@soledar10
html css3 js jquery
Пример
jsfiddle.net/soledar10/sbqzvoj5
Ответ написан
Комментировать
Нравится 2 Комментировать
@zjoin
Я так накидал:
https://jsbin.com/gunonayami/edit?html
Ответ написан
Комментировать
Нравится 2 Комментировать
Stalker_RED
@Stalker_RED
jsfiddle.net/13efy1on
Можно и резиновое сделать, но мне лень.
UPD: Вдохновился идеями Дмитрий, сделал резиново, и убрал лишние элементы из разметки.
jsfiddle.net/Stalk/q5kve801
и работает с любым кол-вом элементов, начиная с двух.
Ответ написан
Комментировать
Нравится 1 Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Full-Stack Web Developer
RapidWeb.me
от 50 000 до 200 000 ₽
Frontend разработчик
Медиасеть • Кострома
от 60 000 ₽
Front-End Web-разработчик (Ставрополь)
Daminion Software • Ставрополь
от 70 000 до 90 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Битрикс Специалист
28 нояб. 2020, в 19:13
15000 руб./за проект
Необходимо создать админ-панель используя bootstrap, laravel и vue js
28 нояб. 2020, в 18:59
450 руб./в час
Визуализация данных Entity–relationship graph
28 нояб. 2020, в 18:53
10000 руб./за проект
Ещё заказы