How to create a curved div/rectangle (with JQuery)?

Ref: https://code.google.com/p/jquerycurvycorners/

Here is an example:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<META content=”text/html; charset=utf-8″ http-equiv=Content-Type>

<SCRIPT type=text/javascript src=”jslib/jquery-1.2.6.min.js”></SCRIPT>
<SCRIPT type=text/javascript src=”jslib/jquery.curvycorners.min.js”></SCRIPT>

<SCRIPT type=text/javascript>
$(function(){
$(‘.inner’).corner({
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 }});
});
</SCRIPT>
</HEAD>

<BODY>
<br><br><br>
<DIV style=”border: 1px solid”>
Inside a Curved Div…<br>
Hello<br>
Hello
</DIV>
</BODY>
</HTML>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: