CSS3 bestaat een dubbele border?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jan Graneker

Jan Graneker

28/02/2017 15:32:01
Quote Anchor link
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.
Gewijzigd op 28/02/2017 15:33:04 door Jan Graneker
 
PHP hulp

PHP hulp

29/03/2024 13:41:18
 
Adoptive Solution

Adoptive Solution

28/02/2017 16:22:48
Quote Anchor link
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 :

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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>
 
Jan Graneker

Jan Graneker

28/02/2017 16:35:42
Quote Anchor link
Super! precies wat ik nodig heb.

Bedankt AS.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.