Membuat Segi Empat Oval dengan CSS3 di blog, maupun di website Reviewed by Kampung Tangguh Semeru dan 17 Orang Lainnya on Rating: 4

Membuat Segi Empat Oval dengan CSS3 di blog, maupun di website



Membuat Segi Empat Oval dengan CSS3 di blog, maupun di website - download-aplikasinya.blogspot.com



Baiklah kawan, kali ini saya akan memberikan tutorial bagaimana kita membuat segi empat yang dibagian pojoknya sedikit berbentuk melengkung.
Kali ini kita akan memanfaatkan CSS3 untuk mengatasi masalah ini. Caranya sangat mudah kawan, berikut ini adalah langkah-langkahnya. skrip dan hasilnya di atas itu kawan,
1. Buka NotePad++ atau yang lainnya, kalau belum punya NotePad++
2. Jika sudah didownload silahkan teman-teman install kemudian buka NotePad++
3. Ketikkan script berikut ini di NPP++ anda,
4. Jika sudah selesai, maka simpanlah file yang telah anda buat, sehingga hasilnya persis seperti yang terdapat pada tempat kode diatas.
5. Untuk kode lengkapnya, silahkan kawan-kawan copy-paste z script dibawah ini.

*Note:
1. Sebelumnya, kawan-kawan sesuaikan dulu CSS class dengan Class dari Div nya
2. -moz-border-radius =>> untuk dapat berfungsi di mozilla firefox
3. -webkit-border-radius =>> untuk dapat berfungsi di chroume,safari,dll
4. -ms-border-radius =>> untuk dapat berfungsi di Internet Explorer 9 (IE9)
5. border-radius =>> untuk dapat berfungsi di Opera
6. 15px =>> nilai dari lebar kelengkungan dari segi empat, bisa teman-teman ganti sesuai dengan keinginannya...
7. Udah dulu ya kawan tutorialnya? lnsyaAlloh kita akan melanjutkan di tutorial berikutnya untuk lebih jauh bermain-main dengan CSS3. DOWNLOAD SCRIPT. sering-sering saja baca-baca di http://download-aplikasinya.blogspot.com/


Post a Comment