Jumat, 25 Februari 2011

Border Radius Effect CSS3

Sudah pada tahu dong sobat dengan atribut CSS3 yaitu border-radius. Dimana membuat garis lengkung pada sisi dengan nilai radius yang sudah ditetapkan dalam nilai pixel (px) Karena belum support terhadap segala jenis browsingan, maka jika efek yg ditimbulkan tidak nampak, bisa dimungkinkan browsingan sobat tidak mendukung untuk fitur satu ini :D
Border radius ini secara garis besar memakai pemanggilan kode seperti -webkit-, -moz-, dan -o- Ketiga kode tersebut harus ada karena itulah perbedaan code dari browsingannya ;)) Mungkin sudah tertebak dengan melihat awalannya juga yah :P Explanation: CSS3 border-radius property

Browser Support:

Internet Explorer Firefox Opera Google Chrome Safari

Lihat contoh simpel berikut ini, dan perhatikan atribut kodenya:

Beben Cakep ☺

border:5px solid #553300;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

Bagaimana kalau mau kepengen begini!

        Sed da sine vocabulario, il magazines interlinguistica web. Al duo tote synonymo finalmente. Ma ille toto del ha durante synonymo uso. Le peano vices non duo libere technic articulo in. Sine paternoster simplificate su non anglese moderne secundo da web. Non message linguistas al non nomine capital primarimente su. Effortio linguistic litteratura o que pro lingua auxiliar su. Pote basate programma il nos. Non ha responder appellate traduction es que lista celos. Con sitos complete americas le libro excellente pan de latente philologos conferentias pan se. Infra esseva uso ma. Involvite romanic ma que debitas internet primarimente il web...Prodigy of Head

Satu yang pasti bakalan sedikit ribet jika kita ingin memakai trik ini, tetapi masih belum tampak bagaimana hasilnya nanti pada browse engines :-/ Satu tools ini mungkin akan membantu sobat² dalam menciptakan border radius effect seketika itu juga terlihat efek yg diciptakannya :) Sobat hanya perlu memasukan nominal pada kotak yg berada di sudut tools ini. Dengan begitu maka kode CSS3 hasil akan langsung tampak pada kotak yg tersedia.

http://border-radius.com/


Mudah kan sob :D How about this???

Prodigy of Head
Freedom of expression and system of brains
Tutorial blog for full stylish blogger
Beben Koben si bloglang anu ganteng kalem tea
Yeaaahhh...

Happy border radius \m/

Tidak ada komentar:

Posting Komentar