<!-- - CSS wielokąty - rysowanie figur i kształtów, generatory - https://danielpietrasik.pl/css-wielokaty/ --> <div id="diamond"></div>
/** * CSS wielokąty - rysowanie figur i kształtów, generatory * https://danielpietrasik.pl/css-wielokaty/ **/ #diamond { font-size: 30px; /* Sterowanie rozmiarem figury. */ width: 2em; border-left: 1em solid transparent; border-right: 1em solid transparent; border-bottom: 1em solid #F34A53; position: relative; margin: 40px auto 0; } #diamond:before { content: ''; position: absolute; left: -1em; top: 1em; width: 0; border-top: 3em solid #F34A53; border-left: 2em solid transparent; border-right: 2em solid transparent; }