.dp-hopscotch-tiles
Hopscotch tiles
A seamless SVG tile from the architecture set. Recolor it below, then copy the snippet.
Details
- Category
- Architecture / Tiles
- Kind
- SVG tile
- Class
- .dp-hopscotch-tiles
- Properties
- --dp-ink
- --dp-paper
- --dp-accent
- --dp-size
- --dp-opacity
- Tile
- 80 × 80 px
Use it
hopscotch-tiles.html
<link rel="stylesheet" href="https://cdn.htmltool.io/patterns/1.0.0/css/patterns/hopscotch-tiles.min.css">
<section class="dp-hopscotch-tiles">…</section>Want the tile inline, with no request? Copy it as a data URI at its default colors.
Press C while the code is focused to copy.