drag and share
  • Twitter
  • Delicious
  • Facebook
  • Digg
  • Reddit
  • Stumbleupon
04

Oct

4

jQuery Canvas Rounded Corners

By: Mark Dijkstra    In: Layout jQuery

These days rounded corners are very easy to use but a couple of years ago you had to use images in combination with CSS to created a rounded corner table/box or you had to use the CSS tag -moz-border-radius. But this tag will only be visible if you are using FireFox als your brouwser.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.

x


So i present to you a easy way to created rounded courners for your webapplication or website. With this jQuery plugin you can easily created rounded corners. You can even style the borders.


Notice: This plugin doesn’t seem to work with Google Chrome!

See a demo here

Written by: Mark Dijkstra

Mark Dijkstra is the founder and main writer of OpenSourceHunter. He's also a passionate freelance web developer and designer. Mark is one of those people that spend too much time on the internet to keep up with all of the trends and tools.
You can follow Mark on twitter @ MarkDijkstra

Share this Story

If you enjoyed reading, consider sharing the love with the rest of the world.

Share

4 Comments

Phasy

October 4, 2008

Doesn’t seem to be working at all on Google Chrome.

The Hunter

October 4, 2008

@Phasy -
If just lookt at it with Google Chrome and you are right, i think it’s a bug because Google Chrome is very new. I wil send the owner a email with this bug. THANKS!
Greetz

Thomas Maierhofer

August 9, 2009

You may take a look at the jQuery background canvas plugin to get advanced possibilities by creating round corners:
http://www.maierhofer.de/de/open-source/jquery-background-canvas-plugin.aspx

Sniffer

July 18, 2010

It works fine on FF, the only problem is that I want to set it to all “.box” classes in a wordpress theme sidebar and it only works for the FIRST widget, not for the others.

And ALL widgets start with the same “.box” class.

Is there a way to REPEAT the script EVERYTIME A CLASS appears?

Add Your Comment

Your name

September 9, 2010

We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!