Share And Give With Us

Belajar dan Mengenal CSS SHAPES | Trick

Tidak ada komentar
Hello guys,bagaimana kabarnya?,CJT mau share trik tentang CSS nih pernah liat postingan seperti dibawah ini?
Yups dan pertanyaannya adalah bagaimana mengatur gambar tersebut hingga rapi semedikian dalam postingan kali ini CJT akan bahas. Jadi untuk mengetahui bagaiman agar gambar itu bisa tertata rapi dan tulisan bisa melengkung itu terdapat pada CSSnya guys,lantas bagaimana coding cssnya,susahkah?,jawabanya tidak guys berikut ini adalah coding CSS Shapes

.shape { 
  width: 300px;
  float: left;
  shape-outside: circle(50%);
}

Penjelasan coding diatas adalah kita buat class shape yang berisikan ukuran,float float sendiri dalam CSS biasa digunakan untuk membuat layout. Dengan menggunakan layout kita meletakkan sisi demi sisi. Dalam contoh ini kita akan menggunakan float:left yang banyak digunakan untuk membuat layout website yang standard. kemudian shape-outside untuk melengkungkan tulisan ukuran bisa dirubah sesuka hati tapi biasanya paling digunakan 50%

Oke just info :)

Tidak ada komentar :