Nel web design c'è una tecnica che crea un contrasto molto evidente fra una immagine o un video utilizzati come lo sfondo a tutto schermo e testo posizionato sopra . Quindi oggi vediamo vari tecniche per realizzare questo effetto  e realizzare scritte o citazioni  su immagini per creare poster virtuali.

Pubblicato in Css

In questo breve tutorial vediamo i modi più semplici per rendere immagini adattivi utilizzando i CSS. Ci sono  diverse soluzioni per rendere l'immagine adattativa, e sono tutti diversi per la loro complessità e il livello di supporto per i browser. Mettiamo da parte i metodi difficili, perche le specifiche moderne ci permettono di rendere le immagini utilizzate sul sito, adaptive e correttamente visualizzati sugli schermi di diversi dispositivi del utente con pocco codice e poche proprietà di CSS .

Pubblicato in Css

Oggi vediamo come si possa creare  effetti animati al passaggio del mouse sopra gli ogetti  (statohover) utilizzando CSS3

In questo articolo vi mostrerò cinque esempi  utilizzando varie  proprietà CSS. La proprieta principle che useremo per la creare animazioni sara border .

Pubblicato in Css

Durante la creazione di cornici per  immagini  maggior parte dei progettisti optano per una delle due scelte: creare il risultato finale interamente in Photoshop, o disegnare "box dentro un altro box" con HTML e decorarli coni i CSS.

Pubblicato in Css

Rimanendo sul tema come decorare una immagine sulla nostra pagina web vediamo altri 4 esempi, che posiamo semplicemente realizzare sul nostro sito web. Devi pero conoscere sia HTML sia CSS I due linguaggi di primaria importanza nella creazione di un sito web.Se non li conosci bene puoi sempre consultare I nostri corsi sul tema "Css pratica" e "Sito web da zero" dove nel dettaglio scopriamo cosa sono markup di una pagina e cosa sono gli stili CSS.

Pubblicato in Css

Le tecnologie Web non si fermano, dandoci le funzionalità sempre piu avanzate per migliorare design dei nostri elementi o rendere piu attraente interfaccia del sito. Prima del arrivo del CSS3 il massimo che potevamo fare per decorare foto sul sito  potevamo aggiungere una cornice, un'ombra o un testo con editori grafici esterni.

Pubblicato in Css

In questa lezione imparerai come creare un effetto 3D su esempio di una immagine  che ruota (immagine  rotabile). Con il passaggio del puntatore del mouse sopra contenitore( nel nostro esempio sarà una immagine ma può essere qualsiasi elemento) i  blocchi interni cominciano a ruotare lungo l'asse Y, e al inizio il lato opposto non è visibile.

Pubblicato in Css

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso