Creatore di CSS3.0: ottieni il codice CSS per bordi, effetti di ombreggiatura di riquadri e altro

Abbiamo già esaminato un paio di generatori di codice CSS come Layer Styles e ThemeShock CSS Drop Shadow Generator . Entrambi sono eccellenti ma limitati poiché generano codice per un solo effetto. CSS3.0 Maker è un generatore di codice CSS automatico che genera codice per bordo, ombreggiatura del testo, ombreggiatura del riquadro, effetti di contorno e inclinazione, ridimensionamento o rotazione di un elemento. Puoi lavorare su più file CSS (stili diversi in ogni file) creando file diversi. Il codice viene scaricato come file HTML e il CSS viene aggiunto come foglio interno. Il servizio ti dice in quale versione di Chrome, Firefox, Internet Explorer, Safari e Opera verranno visualizzati gli effetti e quali dispositivi mobili lo supporteranno.

Per creare più file, ti verrà richiesto di registrarti per un account gratuito. In caso contrario, il servizio può essere utilizzato senza crearne uno. Stranamente, il sito ti consente di aggiungere più effetti quando non sei loggato. Ulteriori effetti disponibili (quando sei disconnesso) sono gli effetti Gradient, Animation e Transition. Se utilizzato come utente non registrato, il sito non consente di aggiungere più effetti. Se scegli di utilizzare il servizio senza registrarti per un account, vedrai una barra orizzontale appena sotto l'intestazione del sito che ti consente di selezionare diversi effetti.

Se desideri aggiungere più effetti, registrati per un account gratuito e crea un file. Puoi creare un file facendo clic su Nuovo file nella home page o andando su I miei file . Inserisci un nome per il tuo file. Seleziona Modifica e tutte le modifiche apportate vengono salvate in questo file. Vai alla scheda Home per iniziare a modificare gli effetti.

Per spostarti tra i diversi effetti, utilizza il menu a discesa nella scheda Home . Per cambiare il colore dell'elemento e regolarne l'opacità, vai all'effetto RGBA. Per aggiungere un bordo o modificare gli stili del bordo, vai a Raggio bordo. Gli effetti Ombra testo e Ombra riquadro creano un effetto ombra esterna dietro l'elemento o il testo. Puoi inclinarlo e ridimensionarlo dall'effetto Trasformazione CSS e sfalsare il bordo dall'elemento dall'effetto Scostamento contorno .

Una volta apportate tutte le modifiche e applicati gli effetti di cui hai bisogno, fai clic su Salva e poi su Scarica , per scaricare il file. Apporta le modifiche necessarie e hai il tuo CSS pronto per l'uso. Il servizio è eccellente se vuoi sperimentare con il design o, se hai solo bisogno di sperimentare una serie di effetti CSS per un particolare progetto.

Visita Creatore di CSS3.0

Leave a Comment

Qual è il mio indirizzo email? Come trovarlo facilmente

Qual è il mio indirizzo email? Come trovarlo facilmente

Hai bisogno di trovare il tuo indirizzo email? Scopri semplici passaggi per controllare e confermare il tuo indirizzo email su qualsiasi dispositivo o piattaforma.

Scarica lalbum fotografico di Facebook in formato PDF e Zip

Scarica lalbum fotografico di Facebook in formato PDF e Zip

Condividere foto sui siti di social network è un ottimo modo per tenere aggiornati i tuoi amici, parenti, conoscenti e colleghi lontani. Facebook è

I 6 migliori servizi di fax online gratuiti

I 6 migliori servizi di fax online gratuiti

Il fax non è ancora morto. Abbiamo esaminato tutte le migliori opzioni di servizi di fax online gratuiti che eseguono il lavoro in modo rapido, semplice e affidabile.

Come sbloccare Samsung Captivate

Come sbloccare Samsung Captivate

Nel caso in cui pensaste che il vostro Samsung Captivate si fosse bloccato e steste per buttarlo fuori dalla finestra, ecco alcune notizie interessanti per voi. Ragazzi

8 migliori utilizzi per un Raspberry Pi

8 migliori utilizzi per un Raspberry Pi

Il Raspberry Pi da 35 dollari è un computer a scheda singola estremamente popolare e super versatile. Stiamo esaminando gli 8 migliori utilizzi per un Raspberry Pi.

Root permanente HTC Desire Z / T-Mobile G2 e Desire HD con VISIONAry

Root permanente HTC Desire Z / T-Mobile G2 e Desire HD con VISIONAry

VISIONary Plus è ora disponibile per il download e ti consente di eseguire il rooting permanente di HTC Desire Z / T-Mobile G2 e HTC Desire HD insieme a un'opzione per

Come eseguire una ricerca avanzata su Google per ottenere risultati di ricerca specifici

Come eseguire una ricerca avanzata su Google per ottenere risultati di ricerca specifici

Se stai effettuando una ricerca che restituisce troppi risultati, il modo migliore per specificare i risultati è imparare come eseguire una ricerca avanzata utilizzando tutti gli strumenti integrati

Prendi il controllo del blocco schermo Android

Prendi il controllo del blocco schermo Android

Se sei tra coloro che odiano il fatto che per qualche ragione che solo Google conosce, la schermata di blocco di Android non può essere personalizzata, non può essere disabilitata e

Scarica e installa Android 2.1 Eclair su Motorola Backflip

Scarica e installa Android 2.1 Eclair su Motorola Backflip

Finalmente ci sono delle ottime notizie per i possessori di Motorola Backflip in attesa dell'aggiornamento ufficiale del firmware Android 2.1 Eclair. Motorola ha effettivamente iniziato

Come tracciare la posizione esatta di qualsiasi nave con Sailwx

Come tracciare la posizione esatta di qualsiasi nave con Sailwx

Sailwx è un servizio semplice che consente di tracciare la posizione di qualsiasi nave in tempo reale. Che si tratti di una nave da crociera o di una nave cargo, è possibile tracciare più navi.