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