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


Cosa significa RGB e come funziona

Cosa significa RGB e come funziona

Se sei un giocatore di design, potresti incontrare spesso la parola RGB. Leggi questo blog per sapere cosa significa RGB.

I 7 migliori siti affidabili per il download gratuito di film nel 2023

I 7 migliori siti affidabili per il download gratuito di film nel 2023

Vuoi scaricare e riprodurre film in modo sicuro e gratuito? Abbiamo trovato 7 siti affidabili e legali per guardare film gratis. Non c'è bisogno di preoccuparsi di malware o virus

Cosè Sportsurge?

Cosè Sportsurge?

Sportsurge offre ai fan di tutto il mondo l'opportunità di guardare le loro amate squadre e giocatori in azione in vari campionati e competizioni. Ecco come utilizzare Sportsurge, uno sguardo per vedere se è davvero legale e come si confronta con piattaforme alternative.

Come ottenere Karma su Reddit

Come ottenere Karma su Reddit

Se vuoi far crescere la tua reputazione su Reddit, devi avere molti punti karma sul tuo profilo. Scopri modi semplici per ottenere Karma su Reddit.

Come cambiare il nome utente di Snapchat su Android o iPhone

Come cambiare il nome utente di Snapchat su Android o iPhone

Vuoi sapere come cambiare il nome utente di Snapchat? Leggi questo post per imparare metodi sicuri per cambiare il tuo nome utente su Snapchat.

Cosa fa la cancellazione della cache?

Cosa fa la cancellazione della cache?

Svuotare la cache cancella i dati temporanei come input, immagini, caratteri, ecc. Ma così facendo fa molto di più. Controlla perché qui

Come ottenere il programma di installazione a livello di computer di Microsoft Teams

Come ottenere il programma di installazione a livello di computer di Microsoft Teams

Microsoft Teams può essere utilizzato gratuitamente e da individui a titolo personale. Tuttavia, è più spesso utilizzato dalle organizzazioni. UN

Come impostare Fuori sede in Teams (Guida completa)

Come impostare Fuori sede in Teams (Guida completa)

Ci sono 2 semplici modi per metterti fuori sede in Teams in modo che i tuoi colleghi sappiano che non ci sei. Uno è facendo clic sulla tua immagine del profilo

Come modificare il colore di evidenziazione in Adobe Acrobat Reader DC

Come modificare il colore di evidenziazione in Adobe Acrobat Reader DC

Hai bisogno di enfatizzare determinati testi in un file PDF? Scopri come modificare il colore di evidenziazione in Adobe Reader per contrassegnare contenuti interessanti.

Come ispezionare Element su Chrome, Firefox, Safari e Edge

Come ispezionare Element su Chrome, Firefox, Safari e Edge

Se sei uno sviluppatore web o un web designer, scopri come ispezionare l'elemento sui browser Web più diffusi come Chrome, Firefox, Safari e Edge.