24 lines
610 B
HTML
24 lines
610 B
HTML
---
|
|
layout: barebones
|
|
---
|
|
<style>
|
|
html { overflow: hidden; image-rendering: pixelated; }
|
|
|
|
.textbox {
|
|
position: absolute;
|
|
|
|
border: 30px solid transparent;
|
|
padding: 15px;
|
|
border-image-source: url("https://neoskitties.org/graphics/borders/tile001.png");
|
|
border-image-slice: 8 fill;
|
|
|
|
position: absolute; font-size: 2rem
|
|
}
|
|
|
|
.hidden { visibility: hidden; }
|
|
:target { visibility: initial; }
|
|
</style>
|
|
|
|
<div class="textbox" style="left: 10%; top: 10%"> hello <a href="#open">world</a></div>
|
|
<div class="textbox hidden" id="open" style="left: 15%; top: 15%"> newer </div>
|