<!-- - CSS wielokąty - rysowanie figur i kształtów, generatory - https://danielpietrasik.pl/css-wielokaty/ --> <div id="octagon"></div>
/** * CSS wielokąty - rysowanie figur i kształtów, generatory * https://danielpietrasik.pl/css-wielokaty/ **/ #octagon { font-size: 6px; /* Sterowanie rozmiarem figury. */ width: 20em; height: 7em; background-color: #F34A53; position: relative; margin: 75px auto 0; } #octagon:before { content: ''; position: absolute; bottom: 7em; left: 0; width: 8em; border-bottom: 6em solid #F34A53; border-left: 6em solid transparent; border-right: 6em solid transparent; } #octagon:after { content: ''; position: absolute; top: 7em; left: 0; width: 8em; border-top: 6em solid #F34A53; border-left: 6em solid transparent; border-right: 6em solid transparent; }