Úvodná » Vzhľad stránky » Vytvorte čisté CSS trojuholníky s touto bezplatnou webovou aplikáciou

    Vytvorte čisté CSS trojuholníky s touto bezplatnou webovou aplikáciou

    Existuje veľký tlak, aby sa web stal viac CSS-priateľské miesto. Roky, snímky boli vždy riešenie prehliadača hacks od opakujúcich sa pozadia po techniku ​​posuvných dverí. Ale teraz je to jednoduchšie ako kedykoľvek predtým vytvárať vzory, ikony a špeciálne efekty s CSS3.

    s tento trojuholníkový generátor, môžete navrhnúť veľkosť a tvar každého trojuholníka chceš. Bude to automaticky vyplienť triedu CSS ktoré môžete použiť na akýkoľvek prvok.

    V paneloch s možnosťami môžete meniť trojuholník farbu a smer (hore / dole a bočne). Môžete tiež zmeniť trojuholník šírka výška a dokonca aj neporiadok s ľavý / pravý skosenie ak vytvoríte trojuholník.

    To je ďaleko jedna z najlepších webových aplikácií, aké som kedy videl. to je hostený na Designyourcode čo je miesto plné skvelých blogových článkov a bezplatných nástrojov web dev.

    A pre všetkých milencov spätná kompatibilita, máte možnosť zahrnúť Microsoft.Chroma funkcia v CSS, ktorá pridáva podporu pre používateľov IE6. Menej ako jedno percento na svete dokonca používa IE6, ale je to stále pekná voľba.

    na pridajte čistý CSS trojuholník na vaše stránky, len skopírujte / prilepte triedu CSS s pravidlami do štýlu šablón. Potom dajte túto triedu každému

    alebo prázdny prvok bloku.

    Napríklad na vytvorte smerujúci nahor trojuholník skopírujete kód a pridáte takýto prvok:

      

    že može byť prvok na úrovni bloku, alebo by to mohlo byť umiestnené úplne v rámci iného prvku.

    Možnosti sú nekonečné a tento nástroj môže ponúkajú lepšiu alternatívu než hraničný hák CSS. Ak chcete začať, stačí navštíviť stránku trojuholníková webová aplikácia a zmeniť hodnoty podľa vašich predstáv.