<!-- - Historia CSS - kaskadowe arkusze stylów od samego początku - https://danielpietrasik.pl/historia-css/ --> <div id="facebook"></div>
/** * Historia CSS - kaskadowe arkusze stylów od samego początku * https://danielpietrasik.pl/historia-css/ **/ #facebook { position: relative; width: 100px; height: 100px; overflow: hidden; background: #4c66a4; border-radius: 10px; border-top: 20px solid #4c66a4; border-right: 20px solid #4c66a4; margin: 40px auto 0; } #facebook::before { position: absolute; content: ""; width: 40px; height: 90px; bottom: -30px; right: -37px; background: #4c66a4; border: 20px solid #fff; border-radius: 25px; } #facebook::after { position: absolute; content: ""; width: 65px; top: 40px; height: 20px; right: 0px; background: #fff; }