Rounded Corner in CSS3

The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; Declarations in Mozilla: -moz-border-radius: 10px;   /*Produces Fully Rounded Effect*/ -moz-border-radius-topleft:10px;   […]

Crossbrowser CSS dropshadows and Blur effects

In past,I had problem with blur effect so I added mootool in my website and some css3 property which was not working in IE. but now I can use CSS filter without any JavaScript. First of all, the blur filter allows you to blur elements in IE <div style=’background:blue;height:100px;width:100px; filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5); -ms-filter:”progid:DXImageTransform.Microsoft.Blur(pixelradius=5)”;’> </div> Moreover,you can Create the drop shadow and Inner shadow […]

Fonts for web designer

I am totally amazed how to work on fonts. As per my knowledge, we have true type(.ttf) or open type(.otf) file in your PC, Mac or website folder and we have to call them in css. But recently css3 brings lots of new way to call fonts with naming convention which is really nice but we are so far for […]