Startpagina » Webontwerp » Maak Pure CSS-driehoeken met deze gratis web-app

    Maak Pure CSS-driehoeken met deze gratis web-app

    Er is een grote druk om het web te maken meer CSS-vriendelijke plaats. Voor jaren, afbeeldingen waren altijd de oplossing voor browser-hacks van het herhalen van achtergronden tot de techniek van schuifdeuren. Maar nu is het gemakkelijker dan ooit om maak patronen, pictogrammen en speciale effecten met CSS3.

    Met deze driehoeksgenerator, je kunt het ontwerpen grootte en vorm van een willekeurige driehoek jij wil. Het gebeurt automatisch spuug een CSS-klasse uit die je op elk element kunt toepassen.

    In de optiepanelen kunt u de driehoeken wijzigen kleur en richting (op / neer en opzij). Je kunt ook de driehoeken veranderen breedte hoogte en zelfs rotzooien met de links / rechts skew als je een ongelijke driehoek maakt.

    Dit is verreweg een van de coolste web-apps die ik ooit heb gezien. Haar gehost op Designyourcode dat is een site vol met geweldige blogartikelen en gratis web dev-tools.

    En voor alle liefhebbers van achterwaartse compatibiliteit, je hebt de mogelijkheid om de Microsoft.Chroma functie in CSS die voegt ondersteuning toe voor IE6-gebruikers. Minder dan een procent van de wereld gebruikt zelfs IE6, maar het is nog steeds een leuke optie.

    Naar voeg een pure CSS-driehoek toe naar uw site, gewoon kopieer / plak de CSS-klasse met de regels in je stylesheet. Geef deze les dan aan iemand

    of leeg blokelement.

    Bijvoorbeeld voor maak een naar boven wijzende driehoek je zou de code kopiëren en een element als dit toevoegen:

      

    Dat zou kunnen een blok-niveau element ook, of het zou kunnen zijn absoluut gepositioneerd binnen een ander element.

    De mogelijkheden zijn eindeloos en deze tool kan een beter alternatief bieden dan de CSS border hack. Ga om te beginnen naar de driehoek web-app en verander de waarden naar je zin.