Crea triangoli CSS puri con questa app Web gratuita
C'è una grande spinta per rendere il web a più posto CSS-friendly. Per anni, immagini erano sempre i soluzione agli hack del browser dalla ripetizione degli sfondi alla tecnica delle porte scorrevoli. Ma ora è più facile che mai crea motivi, icone ed effetti speciali con CSS3.
Con questo generatore a triangolo, puoi progettare il dimensione e forma di qualsiasi triangolo tu vuoi. Sarà automaticamente sputare una classe CSS che puoi applicare a qualsiasi elemento.
Nei pannelli delle opzioni, puoi cambiare il triangolo colore e direzione (su / giù e lateralmente). Puoi anche cambiare il triangolo larghezza altezza e anche pasticciare con il sinistra / destra obliqua se fai un triangolo scaleno.
Questa è di gran lunga una delle app web più interessanti che abbia mai visto. Suo ospitato su Designyourcode che è un sito pieno di fantastici articoli di blog e strumenti di sviluppo web gratuiti.
E per tutti gli amanti di retrocompatibilità, hai la possibilità di includere il Microsoft.Chroma funzione in CSS che aggiunge il supporto per gli utenti IE6. Meno dell'uno per cento del mondo utilizza anche IE6 ma è comunque una buona opzione.
A aggiungi un triangolo CSS puro al tuo sito, solo copia / incolla la classe CSS con le regole nel tuo foglio di stile. Quindi dai questa classe a qualsiasi Ad esempio, a crea un triangolo rivolto verso l'alto copi il codice e aggiungi un elemento come questo: Quello Le possibilità sono infinite e questo strumento può offrire un'alternativa migliore rispetto al hack del bordo CSS. Per iniziare, basta visitare il app web triangolare e cambia i valori a tuo piacimento.
potrebbe essere anche un elemento a livello di blocco, o potrebbe essere posizionato assolutamente all'interno di un altro elemento.