Wednesday, 28 September 2011

Slider effect in CSS

<marquee behavior="slide" direction="left">This is an example of slider</marquee>
<p style="font-size:12px; font-family:arial;"><a href="#">HTML code</a></p>


This is an example of slider

Free SEO Services

Friday, 23 September 2011

Relative Positioning

The content of a relatively positioned can be moved and overlap other elements, but the reserved space for the element is still preserved in the normal flow.
Read More>>

Absolute Positioning

Absolute position element is positioned relative to the first  element which has a position other than static.


Read More>>

CSS Positioning

1)Absolute Positioning
2)Relative Positioning
3)Fixed Positioning
4)Static Positioning

Thursday, 22 September 2011

Background shadow by CSS3

Background Shadow

Wednesday, 21 September 2011

Rainbow Effect

<div class="rainbow">Hii</div>

.rainbow  {
 /* fallback */
 /* chrome 2+, safari 4+; multiple color stops */
 background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.20,red),color-stop(0.40,green), color-stop(0.6,blue), color-stop(0.8,purple), color-stop(1,orange));
 /* chrome 10+, safari 5.1+ */
 /* firefox; multiple color stops */
 /* ie10 */
 background-image: -ms-linear-gradient(red,green,blue,purple,orange);
 /* opera 11.1 */
 background-image: -o-linear-gradient(red,green,blue,purple,orange);
 /* The "standard" */
 background-image: linear-gradient(red,green,blue,purple,orange);