effetto oro

il colore dell'oro

icona per espandere il menu interno
Table of Contents

È abbastanza semplice creare un “effetto oro” senza ricorrere ad immagini, da quando c'è CSS3.

Proviamo con uno sfondo più grande.

Introduciamo una piccola variante nei colori del gradient.
come sta il rosso sull'oro?

E adesso una variante nell'inclinazione del gradient.
come sta il rosso sull'oro?

E infine un'altra variante: radial, e non più linear, gradient.
come sta il rosso sull'oro?

Potete vedere il codice sorgente di questa pagina, alla class “dorato”.

Se poi si vuole applicare l'effetto-oro a del testo, ecco qui (vedi testo sfumato).

📂 In questa sezioneIn this section

  • CSS3 effects, ottenere molto con pocobeautiful effects with little code: una carrellata di diversi effetti css3several examples of css3 effects
  • css ribbon corner, a css only impressive effect: come ottenere un effetto nastro all'angolo di un elemento html
  • effetto curvatura del box-shadow, come un foglio rialzato agli angoli: esempi e piccola guida per ottenere questo effetto grafico
  • effetto oro, il colore dell'oro: come rendere un effetto oro senza usare immagini
  • star wars effect, a simple css effect: la scritta iniziale di Star Wars
  • tabbed menu, a simple css tabbed menu: dire molte cose in poco spazio e con ordine