Выражение CSS `repeat: round;` выглядит так же, как и `facker-repeat: повторить;` на iPhone ⇐ CSS

[Anonymous]

Вот пример, < /p>

Код: Выделить всё

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: black;
color: white;
}
.stamp-border {
text-align: center;
/* Change this value to adjust the stamp perforation size: */
--radius: 6px;
--offset-x: 0;
--offset-y: 0;

background-image:
radial-gradient(
circle var(--radius) at center,
transparent 50%, /* color of the circle */
red 50.5%);  /* color of the background */
background-repeat: round;
background-position:
calc(var(--offset-x) * var(--radius) *  cos(45deg))
calc(var(--offset-y) * -1 * var(--radius) * sin(45deg));
background-size:
calc(var(--radius) * 1) calc(var(--radius) * 1);
}

Computers


Computers


< /code>
Вот как это выглядит. Обратите внимание, как круги хорошо вписываются в заголовок. />  
Как думал, что Facker-Repeat 

была установлена ​​для повторения вместо round . Разница в том, что на этот раз круги разрываются с правой стороны.

Подробнее здесь: https://stackoverflow.com/questions/796 ... und-repeat