2024-10-11 07:36:03 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>SVG repeat</title>
|
|
|
|
|
<meta data-hid="viewport" name="viewport" content="width=device-width,initial-scale=1" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<header>
|
|
|
|
|
<div class="girlande girlande--600x100"></div>
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
<div class="girlande girlande--300x50"></div>
|
2024-10-11 10:40:38 +00:00
|
|
|
<p>SVG as background image with background-repeat.</p>
|
|
|
|
|
<p>Of course, you can do the same with PNG, JPEGs but with SVG it's
|
|
|
|
|
way easier to create images that fit when repeated.</p>
|
2024-10-11 07:36:03 +00:00
|
|
|
</header>
|
|
|
|
|
</body>
|
2024-10-11 10:40:38 +00:00
|
|
|
</html>
|
