title: Pure CSS Box Corner Decoration
body: <p>I was recently thinking about potentially interesting interface design ideas, and one idea that came to mind was a kind of futuristic looking box-based design in which elements would have thin and semi-transparent border lines with small opaque boxes at the corners.</p>
  
  <p>The problem with that for me was thinking of a pure CSS solution for it because I didn't want to add any additional tags in the HTML, and through CSS I thought it would work with pseudo-classes but one element would only be able to have two (with <code>:before</code> and <code>:after</code>)</p>
  
  <p>I'm grateful for any helpful ideas on how one could achieve such a design using only CSS if it's even possible. Thank you in advance.</p>
  
  <p>I added an Image from the Movie "Oblivion". That is roughly how I imagined it.</p>
  
  <p><img src="https://i.stack.imgur.com/cLEMK.jpg" alt="Example of how what may look">
  Probably the best description is the part around "Tour Code_"</p>