kursy, tutoriale

Trójkąty za pomocą CSS

Czas czytania: < 1 minut

Trójkąty (figurę geometryczną) na stronie przeważnie umieszcza się w formie ilustracji, jest to najpopularniejsza metoda jednak nie jedyna.

Trójkąty można również stworzyć samemu z pomocą CSS3.

Jak wykonać prosty trójkąt CSS

Poniżej umieściłam kilka przykładów bardzo prostych trójkątów. Wszystkie te figury to tak naprawdę zwykłe <div>, który z pomocą styli CSS zostały odpowiednio zmodyfikowane.

See the Pen figura by Aura (@Julka85) on CodePen.dark

Wielkość trójkąta możemy zmieniać poprzez manipulację szerokością obramowania.

https://www.aurainweb.pl/2016/03/figury-geometryczne-z-uzyciem-css/

Źródło:

https://www.webtie.pl/blog/trojkaty-za-pomoca-css