rss

About Me

My Photo
irnanto dwi saputra
View my complete profile

07 April 2012

create a border radius

Now a lot of web or blog that has a nice layout view, there are uses animation, images, forms serata berfariasai layout. this time I will explain how to make a little corner of the view layout, either save a div tag or the other in order to become curved. To make a curved corner or elbow, we need a setting in the css (Cascading Style Sheet). Which this css code will set the radius of curvature of a div or element you want to create the arch.

Each browser has a different engine therefore css code used was different. Here I will describe three types of engines the most dingunakan by the people. who first used by the mozilla gecko, webkit which is used by the chrome and safari, and presto used by the opera browser.

OK we just see the difference. below is an example of his css code

-moz-border-radius: 10px; / * for mozilla * /
-webkit-border-radius: 10px; / * for chrome and safari * /
-o - border-radius: 10px; / * for opera *

css code above is the standard of each browser, but for the most recent browser version or date, you just write one line of code into your web css only, of course, on the element you want to set its border radius. Code is as below:

border-radius: 10px;

css code above will support mozilla browser, chrome, safari, and opera. Have you experimented for css codes others. Good luck.

Read also this....



0 komentar:


Post a Comment

 

Site Info

Google Pagerank Powered by  MyPagerank.Net My Ping in TotalPing.com TopOfBlogs My Zimbio Blog Directory