Pomoc CSS dla Stylying HR [duplikat]
Nov 30 2020
Muszę wymyślić, jak uzyskać poniższą stylizację projektu za pomocą tagu HR. HR musi mieć dwa kolory, a także mieć kąt między. Wolałbym, gdybym mógł to osiągnąć za pomocą czystego CSS. Brak plików IMG.
Czy ktoś wie, jak można to osiągnąć?

hr{
position:relative;
height:3px;
background-color:#7902AA;
}
hr:before {
position:absolute;
content : ' ';
left:0;
right:0;
height:3px;
top:-1px;
background-color:#FFD800;
}
<h1>
The Equality Network is an independent organisation founded to establish LGBTIQ+ inclusivity in the workplace and broader community.
</h1>
<hr>
<p>
The Equality Network has pioneered a new benchmark in acceptable standards for LGBTIQ+ inclusivity training in the workplace and community.
</p>
Odpowiedzi
1 RobbyCornelissen Nov 30 2020 at 10:24
Możesz użyć gradientu liniowego z wielopozycyjnymi ogranicznikami koloru i kątem 135 stopni:
hr {
height: 0.25em;
border: none;
background: linear-gradient(135deg, yellow 0% 50%, purple 50% 100%);
}
<hr>