Как создать такую зубчатую border?

Question

[sidina123]

Answer 1

[Kjuri]

с помощью очень крутого инструмента разработчика - фотошопа

Answer 2

[Igor Kalashnikov]

Воспользуйтесь фаербагом, в хроме кнопка F12. Это специальная утилита именно для таких исследований.

Comments

[AngReload]

"Инструменты разработчика" в "В просмотр фотографий Windows" ?

[Igor Kalashnikov]

AngReload: ну например. Там вы получите четкое dom-представление сайта, а справа будут CSS свойства. Таким образом, можно изучать как устроено содержимое чужого фронтенда изнутри.

[DevMan]

Ihor Kalashnikov: какой dom? на скрине открыта изображение, а не сайт))

[Igor Kalashnikov]

DevMan: ну скрин то он с сайта сделал, я так думаю

[DevMan]

Ihor Kalashnikov: зачем гадать, может это макет.

Answer 3

[AngReload]

Недавно был такой же вопрос
Можно ли на Css сделать такой эффект?

Answer 4

[KorsaR-ZN]

Например вот так
Либо прозрачной картинкой перекрывающий часть изображения...

Answer 5

[Кирилл Кривицкий]

Белый треугольник и повторение по горизонтали вот урок от htmlacademy https://htmlacademy.ru/courses/53/run/14

Answer 6

[Игорь Доминатор]

вырезать кусок зубцов с прозрачным верхом, и низом в тон фону, скажем 10px в высоту и ширину.

width: 100%;
background: url("images/изображение.png") repeat;
height: 10px;
position: relative;

и все)