Creare un box sfumato con i css

Ormai con i css si riesce a fare veramente di tutto.

Box con angoli arrotontati, dal background sfumato, ombreggiati.

Se solo penso alle prime volte che mi trovavo a creare questi oggetti in html ben oltre 10 anni fa, c’erano tabelle da fare, ritagliare immagini dagli angoli stondati, in gif trasparente… un bel lavoraccio che faceva perdere un sacco di tempo.

Segnalo questo utile sito dove poter personalizzare i colori della sfumatura che vogliamo ottenere tramite un tool visuale, ottenuto il risultato desiderato, basta copiare il codice Webkit e Firefox nel nostro css.
Tool per la sfumatura lineare

Tool per la sfumatura radiale

Tool che controlla le varie caratteristiche del box (bordi, ombra, colonne del testo)



Postato il: febbraio 12th, 2011
Autore:
Categoria: css, freelance, web design
Tags: , ,

Nessun Commento »




  • Inspirational Steve Jobs Quotes

    In tribute to Steve Jobs - VivoCiti.com
    You're missing it. This is not a one-man show. What's reinvigorating this company is two things: One, there's a lot of really talented people in this company who listened to the world tell them they were losers for a couple of years, and some of them were on the verge of starting to believe it themselves. But they're not losers. What they didn't have was a good set of coaches, a good plan. A good senior management team. But they have that now. (Steve Jobs, 1955-2011)

  • Categorie

  • Articoli recenti

  • tag

  • Commenti recenti

  • Copyright © 2012, | SPAGHETTIWEB is proudly powered by WordPress