Hôm nay mình chia sẽ với các bạn một thư viện khá hiệu quả trong việc thiết kế giao diện cho website trong trường hợp bạn muốn tạo các box có góc bo tròn, nhưng không sử dụng image, đó là sử dụng 1 plugin của jquery, đó là curvy Corner.

Thư viện này có chức năng cũng tương đối hoành tráng, dung lượng đã minify là 27KB, nếu gzip chắc sẽ khoảng 15kB thôi. Còn chức năng cơ bản thì bo tròn các box bạn muốn.

Cách sử dụng mình thấy là đơn giản nhất trong các thư viện tạo góc bo tròn, sau khi include script này:

thì mình chẳng còn đụng gì tới javascript để khởi tạo, hay thiết lập cái gì cả, plugin này sẽ tự động tìm trong CSS các box nào bạn quy định bo tròn góc.
vd thẻ div có “div.test {-webkit-border-radius: 4px; -moz-border-radius: 4px;}”, đối với các trình duyệt mới và không phải IE6,7..thì nó sẽ tự động bo tròn mà không cần sử dụng script này, còn đối với các trình duyệt không hỗ trợ bo tròn, thì script này sẽ bo tròn giúp bạn. Hoàn toàn tự động.

Tuy nhiên, trong một số trường hợp không phải lúc nào cũng hoạt động vì mọi người biết là Browser là trăm hoa đua nở… nhưng mình thấy nó là plugin cung cấp chức năng này khá hữu hiệu.

Website: http://www.curvycorners.net/
Demo: http://www.curvycorners.net/demos/