Prosty trójkąt w CSS
Dzisiaj skupię się na tych pierwszych i pokażę, jak w prosty sposób wykonać trójkąt w CSS.
Łukasz
Podziel się artykułem:
Na wielu stronach spotyka się elementy zawierające kształty, np. trójkąty czy strzałki. Dzisiaj skupię się na tych pierwszych i pokażę, jak w prosty sposób wykonać trójkąt w CSS.
Oto przykład kodu generujący trójkąt w CSS:
.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #f02;
}Przeczytaj także
CSS Container Queries już działa!
Container Queries już działa! Zapowiedzi potwierdziły się i mamy już możliwość korzystania z tego rozwiązania w najnowszych, stabilnych wersjach przeglądarek.
Kolory LCH to przyszłość w CSS?
Jednostki LCH są to nowe jednostki kolorów CSS, które są częścią specyfikacji CSS Color Level 4. Dają one dużo większe możliwości niż np. HEX czy RGB.
Nowa składnia media query w CSS
Budowanie nowoczesnego designu strony powinno być oparte o poprawne wypełnienie ekranu treścią i przedstawienie jej w efektowny sposób. Z pomocą przychodzi nam tutaj technika zwana @media query.