Amazing Effects... Rounded Corners!

Hi guys!

Here are some cool effects for... stuff. Mostly images and text :)

First lemme just warn you that some of these effects won't work on IE and Opera!

I'll also be posting these effects (3 in total) on 3 different days coz you know I'm just lazy like that :)

So first off...

1. Rounded Corners

This effect does not work on IE (Internet Explorer)

YAYYYYY

So here's the code I used for this...

<div style="border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
-moz-border-radius:25px;
border-radius:25px;">
YAYYYYY
</div>

Now I'll explain this code. HARDIHARHAR

border:2px solid #a1a1a12px: width of the bordersolid: kind of border#a1a1a1: the 6 digit HTML color code padding:10px 40px; can't really explain that so just click here LOL
background:#ddddddThe background color...
width:300px...I think that explains itself.
-moz-border-radius:25px;border-radius:25px;
They're both almost the same thing... right? The -moz- at the beginning of the first part stands for "Mozilla". Why? The normal "border-radius:25px;" doesn't work on [Mozilla] Firefox. So, that first code helps support Firefox. SO ADD BOTH CODES! :pYou can also adjust the border radius by increasing or decreasing the 25.
Now that I've explained everything, I think you sorta get it by now...
Here's a starter code to help you get started!!! This code will work for all purposes (blog posts, blog widgets (HTML/Javascript), etc.)
<div style="border:2px solid #CCFFE8;
padding:20px;
background:#F5C9FF;
width:300px;
-moz-border-radius:25px;border-radius:25px;">Text here! </div>

(Here's how it's supposed to look like...)

Text here!

Haha have fun!Oh yeah and if it doesn't work the first time you try it... TRY AGAIN. AND AGAIN. AND AGAIN...

Until next time...