CSS Border Radius

Giovedì 4 Marzo 2010 - 08:19

di napolux

CSS

All’indirizzo border-radius.com potrete trovare un semplicissimo tool online per generare bordi arrotondati basati su CSS, con preview in tempo reale.

Ecco un esempio del codice che viene generato.

border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

Il codice generato è compatibile con lo standard CSS3, Webkit e Gecko.

Per testare dal vivo e in anteprima altre proprietà dei CSS3, potete invece fare riferimento alla collezione di strumenti creata da John Allsopp.

Tags:

Categoria: CSS | Permalink

Commenti

1

Ma poi non ho mai capito una cosa:
Perché fanno le proprietà CSS coi prefissi proprietari? Nel senso: perché non fanno supportare a Gecko direttamente la proprietà border-radius, al posto di far utilizzare -moz-border-radius? Non l’ho mai capito…

# - postato da davide - 04 Marzo 2010 - 09:26

2

Questo servizio mi sembra alquanto inutile.

@davide: https://developer.mozilla.org/it/CSS_Reference/Mozilla_Extensions

# - postato da Mattia - 04 Marzo 2010 - 09:36

3

@davide:
E’ quello che mi sto chiedendo pure io…

Capisco per quelle proprietà che ognuno tratta in modo diverso, tipo i gradienti, ma per gli altri direi che possono già adeguarsi!

# - postato da Sandro Lain - 04 Marzo 2010 - 09:56

4

Potevano sbattersi e fare in modo che se scrivo 10 nell’area di testo non debba vedere 0. :P

# - postato da gianiaz - 04 Marzo 2010 - 10:03

5

rimane sempre il problema di explorer.

# - postato da mixio - 04 Marzo 2010 - 10:35

6

@davide: prendere esempio da Opera, noooo?!

# - postato da MaiNick - 04 Marzo 2010 - 11:07

7

[…] Per la serie “siti strambi” ecco una più completa alternativa a BorderRadius.com: CSS3Please! è infatti un sito web che vi permetterà di creare un foglio stile CSS3 crossbrowser modificando solo alcuni parametri. […]

# - postato da CSS3 Please! | Edit - Il blog di HTML.it - 11 Marzo 2010 - 07:41

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento