Beste Leden,

Bestaat er in CSS3 een techniek om een dubbele border te creƫren?

Het gaat specifiek om 2 kleuren borders om een circle.
Ik maakte gebruik van de interweb zoekfunctie en kwam dit tegen :

https://css-tricks.com/snippets/css/multiple-borders/

Heb er een radius bijgemaakt, en voila :

<style>

.borders {
  position: relative;
  border: 5px solid #f00;
  width: 10.000em;
  height: 10.000em;
  border-radius: 5.000em;
}

.borders:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00;
  border-radius: 5.000em;
}

</style>

<div id="" class="borders">

</div>



Super! precies wat ik nodig heb.

Bedankt AS.

Reageren