Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Красивый переход "Линия домиком" на странице

Страниц (1): [1]
 

1. Klinch - 17 Ноября, 2016 - 16:46:15 - перейти к сообщению
Доброго времени суток!

Хочу сделать на странице сайта красивый переход линией в форме домика. Пример на картинке: http://i[dot]imgur[dot]com/1GClKtD[dot]png

Подскажите, пожалуйста, как это правильно реализовать? По какому запросу гуглить хотябы? Я испробовал множество разных запросов типа "красивый переход", "разделитель" и т.п. - нашлись одни мигающие гирлянды и ничего более.

Я знаю, что реализовать это возможно с помощью картинки, на которой будет изображен этот переход - прописать верхнему блоку свойство background-image и прикрепить эту картинку снизу. Однако, нигде не могу найти подходящей картинки, т.к. опять же - не знаю как это правильно называется и не знаю по каким запросам искать в поисковиках.

Для того, чтобы нарисовать самому, опыта видимо еще маловато. Сделать линии идеально асимметричными - не проблема, но вот линии из-за наклона становятся пиксельными, т.е. в форме лесенки (делал в Photoshop с помощью фигуры "Линия"). Не знаю, как это исправить...

Буду благодарен за подсказку, в каком направлении рыть. Спасибо!
2. armancho7777777 - 17 Ноября, 2016 - 23:25:38 - перейти к сообщению
3. Klinch - 18 Ноября, 2016 - 06:38:27 - перейти к сообщению
armancho7777777
Большое спасибо!

А вам случаем не известно, как правильно называется это решение? Ну чтобы в гугле можно было например набрать и наткнуться на подобные варианты (не только домиком, но и змейкой, например, и другие)?
4. armancho7777777 - 18 Ноября, 2016 - 07:44:52 - перейти к сообщению
Пожалуйста.
Полагаю "css geometric shapes"
5. Klinch - 18 Ноября, 2016 - 14:35:17 - перейти к сообщению
armancho7777777
Спасибо!

Тут еще скинули ссылки, может в будущем кому пригодиться:
https://codepen[dot]io/ibrahimjabbari/pen/ozinB
http://tympanus[dot]net/Development/[dot][dot][dot]ctionSeparators/

 

Powered by ExBB FM 1.0 RC1