Altre unità di misura di CSS3: angoli, tempo e frequenza

Matteo Casati

di ,

Negli script precedenti abbiamo visto le diverse possibilità offerte da CSS3 per impostare colori e lunghezze.
Le specifiche di CSS3 definiscono anche le unità di misura disponibili per impostare angoli (usati ad esempio nel caso di trasformazioni), tempo (usato ad esempio per determinare la durata di un'animazione) e frequenza (usato per i suoni).
Come per le lunghezze i valori vengono impostati tramite un numero seguito dall'unità di misura desiderata, senza l'inserimento di spazi tra il valore e l'unità.

Angoli

Un angolo può essere definito tramite le seguenti unità di misura:

  • deg: gradi (degrees); ci sono 360 gradi in un cerchio completo
  • grad: gradianti o gradi centesimali (gradians); ci sono 400 gradianti in un cerchio completo
  • rad: radianti (radians); ci sono 2pi (pi greco, circa 6,28) radianti in un cerchio completo
  • turns: giri (turns); s'è 1 turn in un cerchio completo

Tempo

Un intervallo temporale può essere definito tramite le seguenti unità di misura:

  • s: secondi
  • ms: millisecondi; 1000ms = 1s

Alcune proprietà possono prevedere un intervallo di validità (range); in quei casi, eventuali valori al di fuori dell'intervallo stabilito, non vengono considerati e la dichiarazione viene ignorata.

Frequenza

Una frequenza audio può essere definita tramite le seguenti unità di misura:

  • Hz: Hertz, ovvero il numero di cicli al secondo
  • kHz: KiloHertz; 1kHz = 1000Hz

Commenti

Altre unità di misura di CSS3: angoli, tempo e frequenza (#21)
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi