Háromszögek segítségével css
Háromszög CSS eszközök
Honlapjain a háromszögek használt újra és újra része a design elemek, például szolgálnak a mutatót egy objektum irányítja az olvasó figyelmét, hogy a megfelelő helyre. Háromszögek is szolgálnak díszítő funkciót, így a egységeket, ahol alkalmazzák, elegáns és modern. Az alábbi ábra egy példa segítségével a háromszög design.
Közvetlenül hogy egy háromszög CSS tehát nem két módszer áll rendelkezésre, ami lehetővé teszi, hogy adjunk - a határ menti és átalakítani.
A határon
Bár a határok által létrehozott border tulajdonság. közvetlenül nem releváns a háromszögek, akkor használjuk erre a határ leggyakrabban. Ha megad egy nulla szélességét és magasságát az elem, valamint létrehozni egy kellően vastag keret, azt látjuk, egy négy háromszög. Az egyszerűség kedvéért a határokat minden oldalról különböző színekben.

Így csak a jobb szélét, a többit pedig egyértelművé téve, megkapjuk a kívánt színt háromszög

Az 1. példában azt mutatja, a felül a háromszög, hogy a blokkon a pszeudo :: után.
Példa 1. Blokk háromszög
Az abszolút pozicionált elemek nulla szélesség és magasság nem szükséges.
Külföldön kombinálásával pontszámot kaphat négy fajta háromszögek, amelyek együtt a már említett ad nekünk nyolc változatban. Megjelenésük és a szükséges kódot a táblázatban megadott.
Lehetséges típusú háromszögek
átnyúló: 20 képpont szilárd, átlátszó; border-left: 20px zölden világít; border-top: 20px zölden;
A táblázat azt mutatja, hogy a láthatatlan határ sor, hogy ezt elhelyezésénél elemekkel. Stílus is ki kell egészíteni egy nulla szélességű és magasságú, vagy használja a pozíció tulajdonság. ahogy ez történt az 1. példában.
Triangle tehet más formák, ha meg egy másik határ vastagsága. Így, a kód létrehozása látható egység az alábbi ábrán, a 2. példában adjuk meg.
2. példa Akut háromszög
A határ kapunk egy egyszínű háromszög létrehozni egy keret látható az alábbi ábrán van szükség, hogy megy a trükk, és alkalmazzák az egyik elem a másik felett, enyhe ellensúlyozni. Ismét, itt segítünk a: előtt és: után (3. példa).
3. példa Overlay háromszögek
Mert az, hogy mi szabhat egy monokromatikus elem a másik tetejére, ez a módszer alkalmas csak a monokróm töltő- és nem alkalmas színátmenetek vagy háttérképeket.
használata transzformáció
Az átalakulás, tudjuk be a tér elem 45, illetve kap belőle egy gyémánt. Ez nem egy háromszög, mint olyan, ezért azt akarják foglalni a kiálló rész elől, a többi pedig a másik mögött elem (4. példa).
4. példa Transzformáció
Az eredmény ebben a példában.