← All elements
<div class="ts"><div class="l"><small>ADMIT ONE</small><b>Night Market</b></div><div class="r">№ 047</div></div>About this border
An event ticket split by a dashed perforation with punched semicircle notches at the tear line.
How it works
Two panels sit side by side with a dashed border between them. Each is masked with radial-gradients at the join to cut half circles from both sides, so the tear line looks punched out.
Ways to customise it
- Change the ticket colour and text.
- Edit the 9px notch size.
- Add a barcode block in the stub.
Good to know
Masks make the corners transparent without extra elements. Keep the key information in text so it can be selected.
Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.