polygon komplett Umrandung mit Border

Diskutiere polygon komplett Umrandung mit Border im CSS Forum im Bereich Programmierung; Hallo, Ich habe ein Polygon, bei dem ich die Form angepasst habe, so dass es wie ein Banner aussieht mit "Dreieck", welches nach unten zeigt...
  • polygon komplett Umrandung mit Border Beitrag #1
B
BoeseBirne
New member
Beiträge
1
Punkte Reaktionen
0
Hallo,

Ich habe ein Polygon, bei dem ich die Form angepasst habe, so dass es wie ein Banner aussieht mit "Dreieck", welches nach unten zeigt. Allerdings hat das Dreieck keine Border und ich weiß nicht, was ich tun muss damit dies so ist.

.pentagon{
position: relative;
top: 13.68%;
width: 15%;
height: 90%;
border: 5px solid rgb(255, 255, 255);
background: linear-gradient(0deg, rgb(255, 255, 255) 20%,rgb(211, 144, 0) 60%, rgb(236, 97, 4) 100%);
clip-path: polygon(50% 80%, 100% 70%, 100% 0%, 0% 0%, 0% 70%);
cursor: pointer;
 
  • polygon komplett Umrandung mit Border Beitrag #2
S
Sempervivum
Well-known member
Beiträge
760
Punkte Reaktionen
125
Guten Morgen und willkommen im Forum!
Mit ein wenig Trickserei würde man das u. U. auch mit CSS hin bekommen, aber ein direkter und klarer Weg wäre, diese Form mit SVG zu zeichnen, siehe hier:
https://www.mediaevent.de/tutorial/svg-path.html
 
Thema:

polygon komplett Umrandung mit Border

Oben Unten