Memahami Tipe Data Angle Pada CSS

Memahami tipe data angle pada CSS

Tipe data <angle> pada CSS digunakan untuk mengatur nilai sudut suatu dimensi.

Aturan penulisan tipe data angle pada CSS

Aturan penulisan tipe data angle yaitu diawali dengan tipe data <number> kemudian diikuti deggradrad, atau turn.

dimana :

deg

deg digunakan untuk mengatur atau mewakili nilai derajat (degrees) berkisar dari 0 sampai 360 atau dari arah berlawanan -360 sampai 0 derajat.

grad

grad digunakan untuk mengatur atau mewakili nilai gradian (gradians) berkisaran dari 0 sampai 400 atau dari arah berlawanan -400 sampai 0 gardian.  

rad

rad rad mewakili sudut dalam radian. Radian berkisar dari 0 hingga 2 πrad, dengan keduanya sama. Sudut 1 radian pada keliling lingkaran menciptakan busur dengan panjang yang sama dengan jari-jari lingkaran. Lingkaran penuh adalah 2πrad, setengah lingkaran adalah πrad, dan setengah lingkaran ke arah berlawanan adalah -πrad.

turn

nama satuan turn adalah nama satuan baru yang ada pada versi CSS 3. dimana 1turn = 360deg.

baca juga : tipe data number pada CSS

Contoh penggunaan tipe data angle

Berikut contoh penggunaan tipe data <angle> dalam fungsi rotate() :

See the Pen
contoh penggunaan tipe data angle
by ilmukita (@ilmukita)
on CodePen.

LEAVE A REPLY

Please enter your comment!
Please enter your name here