Generatori gartuiti di bottoni, ombre, gradiente e tanto altro.

Ci sono generatori di  stili css molto comodi e utili e penso che ogni web designer dovrebbe saperli e  utilizzarli. Perché dovresti usare generatori css? Sono semplici, velocizzano il  lavoro, fornendo un codice generato che è sufficiente copiare e incollare nel tuo progetto.

E se vuoi personalizzare il tuo sito e risparmiare del tempo allora sei nel posto giusto . In questo articolo scoprirò alcuni dei Generatori CSS che ho usato per un bel po 'di tempo.

1. ThemeShock’s CSS3 Drop Shadow Generator

generatori di ombre
Teme Shocks Drop Shadow CSS Generator è molto facile da usare e può generare 8 tipi di ombre, e sono cross browser compatibile.

    Predefinito
    Parte inferiore
    Sui lati
    Top e Bottom
    In basso a sinistra
    In basso a destra
    A destra e Bottom Left
    In cima a sinistra in basso a destra

2. ThemeShock’s CSS3Text Shadow Generator

generatori di ombre di testo
Un altro potente e facile da usare strumento da themeShock. Questa volta è un Generatore CSS di Ombre di testo Supporta  caratteri personalizzati, 12 tipi di ombre e ti dà anche il link dei caratteri usati di Googol  nel codice generato.

3. Css Button Generator

dis3
CSSButtonGenerator.com è un generatore CSS per i pulsanti come si possa indovinare dal nome. Ha molte opzioni da scegliere, colori sconvolgenti, ombre con gradiente puo  generare varie sfondi e genera anche markup l'HTML e la classe per il pulsante. E ovviamente è Cross Browser Compatibile.

4. ColorZilla’s Ultimate CSS Gradient Generator

generatore di colori web
ColorZilla's Ultimate Gradient CSS Generator è un altro potente strumento. Ha una vasta gamma di gradiente pre-made, ma da anche la possibilita di  creare uno proprio. Funziona proprio come in Photoshop. Scegli i colori e genera il codice CSS per te. Ed è anche compatibile tra browser.

5. HTML Table Style Generator by eli geske

generatore online di tabelle html

HTML Table Style Generator by eli geske, è  un altro strumento facile da usare e completo. Hai molte opzioni per scegliere e modificare il design della tua tabella html. Oppure è possibile scegliere uno dei disegni pre-made gia pronti al uso. Il generatore genera  una struttura HTML e il codice CSS Compatibile Cross Browser.

6. CSS3 3D CUBE GENERATOR

generatore di bottoni 3d

CSS3 Cube Generator consente di creare con facilità ombre complesse  per i box cosi detti box-shadow,  ombre 3D e ombre a molti livell. Dopo che la ombra sara generata basta semplicemente copiare e incollare il codice da “textarea” sopra per includere nei rispettivi siti CSS e file HTML rispettivamente. Questo generatore permette sensibilmente risparmiare il tuo tempo nella creazione di elementi html molto complessi  in quanto è veramente noioso scrivere manualmente 50 righe diverse.

7. CSS Box Shadow Generator

generatore di box-shadow

CSS Box Generator Shadow offre 8 tipi di ombre per elementi box nei css cosi detti box-shadow che sono 100% personalizzabili. Hai la possibilità vedere l'anteprima e in seguito copiare il codice   HTML e il CSS, generato.

8. Visual CSS Gradient Generator

generatore di elementi html e stili css
CSS + SVG + Canvas generatore di gradiente cross-browser per i web designers

9. 3D CSS Text

generatored i testo 3d
Il generatore CSS di testo 3D utilizza la potenza di ombre di testo per creare testi e icone eccezionali che  ti sorprendono  attraverso la magia della terza dimensione!

10. CSS3 Generator

dis 10
Un altro CSS3 Generatore  che può generare il codice per arrotondamento di bordo, l'ombra di dox, grandezza di elementi box,  i bordi, transizioni  e molto altro ancora.

11. CSS3 Button Generator

generatore online di bottoni
Il generatore di pulsanti CSS3 consente di modificare i caratteri, lo sfondo, il bordo, il gradiente di sfondo, l'ombra interna,  le ombre di testo usando controlli su / giù che possono essere più semplici e più logici che utilizzare cursore .

Letto 369 volte