Generatore CSS3 incluso Chrome con OffiDocs

DESCRIZIONE

CSS3 Generator è una pratica estensione che creerà il codice necessario per il tuo CSS.

Attualmente genera codice cross-browser (per quanto possibile) per le seguenti proprietà CSS3: - Ombra del testo - NOVITÀ, ora è possibile aggiungere più ombre - Esadecimale/RGBA - Trasformazioni - Raggio del bordo - Ombra del riquadro - NOVITÀ, ora è possibile aggiungere più ombre - NOVITÀ, è possibile impostare le ombre del riquadro su inset - Colonne - Gradienti - Lineare - Radiale - Striato (NOVITÀ!) - Frecce (per suggerimenti ecc.) data man mano che gli standard cambiano e riorganizzano.

Ogni sezione ha comodi cursori (ove applicabile) per selezionare i valori desiderati per ogni proprietà CSS e per i gradienti puoi aggiungere e rimuovere rapidamente e facilmente interruzioni di colore per creare il tuo gradiente perfetto! Tutto ciò che resta da fare è copiare il codice generato nel tuo CSS e il gioco è fatto! Se desideri vedere una funzionalità CSS3 aggiunta, invia un feedback.

C'è un sito di supporto se hai problemi o trovi un bug.

Ultime modifiche -------------- v 1.0.5 ----------- - Risolto un bug in Chrome che significava che l'evento di modifica non si attiva per gli slider.

Aggiunta una correzione in modo che ora tutti i cursori si aggiornino in tempo reale man mano che vengono modificati.

v 1.0.4 ----------- - Fastidiosamente qualcosa è cambiato in Chrome, il che significa che l'evento change non si attiva quando cambia il valore del dispositivo di scorrimento, ma piuttosto quando si attiva l'evento mouseup.

I cursori aggiorneranno i valori, ma solo quando rilasci il mouse.

- Aggiornato il convertitore RGBa <-> in modo che i valori RGB aggiornino il formato esadecimale.

Presto arriverà una modifica ai CSS che potrebbe vedere l'opacità aggiunta come due caratteri extra nei valori esadecimali.

Aggiornerò se questo verrà mai rilasciato.

- Aggiunta anche la porzione alfa di RGBa al colore di esempio.

Ora svanirà man mano che aggiungi più alfa (opacità) al colore.

- Ora è possibile impostare le ombre dei riquadri come inset.

- Alcune correzioni di bug e ottimizzazioni.

v 1.0.3 ----------- - aggiunti gradienti a strisce nella scheda dei gradienti - aggiunto supporto per più ombre di testo - e opacità - aggiunto supporto per più ombre di riquadri - e opacità v 1.0.2 ----------- - risolto un problema per cui la sezione dei colori delle transizioni non funzionava o il salvataggio delle opzioni fornite.

- modificato titolo esadecimale e RGBa per mostrare che sono conversioni intercambiabili v 1.0.1 ----------- Tutto dovrebbe essere un po' più fluido ora con le ottimizzazioni del codice.

- Aggiunta scheda transizioni con tre sottoschede.

- Posizione: anima la posizione superiore, destra, inferiore e sinistra.

- Bordi: anima i bordi (margini, riempimento, ecc.).

- Colori: anima vari colori (sfondo, bordo, ecc.).

- Easing: imposta l'opzione di easing (compresi bezier personalizzati!).

- Aggiunta la scheda dei filtri con due sottoschede - Filtri principali: l'insieme di filtri che non richiede una serie di opzioni - Ombra discendente: richiede alcune opzioni, quindi inseriscile in una scheda separata - Trasformazioni spostate, raggio del bordo e ombreggiatura del riquadro nella propria scheda ora chiamata Modello a scatola per risparmiare spazio e brevità.

- Iniziato ad aggiungere alcune informazioni/guide di aiuto per alcune delle proprietà CSS3.

- Un paio di correzioni di bug, soprattutto dove alcune schede non funzionavano correttamente.

- Alcune correzioni e ottimizzazioni del codice.

Trascorrere troppo tempo a guardare il codice crea un codice errato.

Informazioni aggiuntive:

- Offerto da ahallicks
- Valutazione media: 4.71 stelle (mi è piaciuto molto)
- Sviluppatore Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo.

Generatore CSS3 web extension integrato con OffiDocs Chromium online