Negative Borders

Install



npm

npm i negative-borders



And then you can just use



import "negative-borders"



cdn





Examples



!Example



https://codesandbox.io/p/sandbox/84tkpd

html



  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="top"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="right"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="left"

>



  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-show-after="false"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-show-before="false"

>

Negative Borders

Install



npm

npm i negative-borders



And then you can just use



import "negative-borders"



cdn





Examples



!Example



https://codesandbox.io/p/sandbox/84tkpd

html



  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="top"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="right"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-position="left"

>



  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-show-after="false"

>

  class="box"

  data-negative-borders

  data-negative-borders-size="50px"

  data-negative-borders-color="orange"

  data-negative-borders-show-before="false"

>