Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Dmitry
@donaire
HTML
CSS
Как сделать нестандартную рамку?
Как сделать рамки, подобные тем, что на этом сайте?
https://videoexpress.ai/fbdeal/index.html
Линии, точки как дорожки на электронных платах.
Вопрос задан
14 мая
215 просмотров
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
historydev
@historydev
классный сайт)
Написано
14 мая
Ankhena
@Ankhena
Куратор тега CSS
Надо бы конкретизировать вопрос, что именно у вас не получается и почему не можете сделать как в примере.
В примере это картинки, причем растровые.
Для таких простых актуальнее было бы заменить на SVG, чтобы не мылили.
Можно, конечно, извращаться линейными и радиальными градиентами, но пока не видно чего бы ради.
Написано
14 мая
Решения вопроса
1
Vamp
@Vamp
Конкретно на этом сайте рамка отрисована картинкой и вставлена через css стиль background-image.
https://videoexpress.ai/fbdeal/assets/images/banne...
Ответ написан
14 мая
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
ImagineTables
@ImagineTables
border-image-slice
не подойдёт?
Вообще, эта техника в UI называется 9-split border. Я пользовался её кастомной имплементацией, но свойство выше должно точно так же решать проблему.
Ответ написан
21 мая
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
140 просмотров
1
ответ
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
341 просмотр
1
ответ
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
89 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
124 просмотра
2
ответа
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
162 просмотра
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
169 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
175 просмотров
2
ответа
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
158 просмотров
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
194 просмотра
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
827 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML/CSS-разработчик со знанием WordPress (PHP)
Epiic
от 90 000 ₽
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама