HTML
CSS
JavaScript
<div class='masked-border'>Hello, World!</div>
.masked-border {\n width: 300px;\n height: 100px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: white;\n background-color: #007BFF;\n mask-border: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAF0lEQVR42mP8z8AIAWwJ9hH2gAAAABJRU5ErkJggg==') stretch;\n mask-border-mode: alpha;\n mask-border-width: 10px;\n border: 10px solid transparent;\n}
// No JavaScript required for this demo
Hello, World!