Upward/Vertical scrolling <marquee behavior=”scroll” direction=”up”>Upward/Vertical scrolling text </marquee> Slow Scrolling <marquee behavior=”scroll” direction=”left” scrollamount=”1″>Slow scroll speed</marquee> Fast Scrolling <marquee behavior=”scroll” direction=”left” scrollamount=”20″>Fast scroll speed</marquee>
CSS .curve { -moz-border-radius:4px; border-radius:4px; width:220px; border:1px solid #000000; background:#ffffff; } HTML <div class=”curve” >This is a <br /> example of <br /> CSS Curve. <br /> </div>
To create CSS Curve for menu bar like show below. We need following three images. curve_left.png curve_bg.png curve_right.png CSS.curve { background:url(images/curve_bg.png) repeat-x; width:800px; height:35px; }.curve .fl {display:block; background:url(images/curve_left.png) no-repeat; width:11px; height:12px;}.curve .fr {display:block; background:url(images/curve_right.png) no-repeat; background-position:right top;width:11px; height:12px;} HTML <div class=”curve”> <span class=”fl”></span><span class=”fr”></span>
Text Shadow {text-shadow: horizontal vertical blur color;} For example h1 {text-shadow: 2px 2px 0px #FFFFFF;} Glow/Stroke Effect – the trick is to put shadow above and below text. h1{text-shadow:2px 2px 0px #FFFFFF, -2px -2px 0px #FFFFFF;}
Not closing a div or adding unnecessary closing div Leaving out the ending semi colon or misplacing semi colon. Eg. .ml {float:left }; instead of .ml {float:left; } Not including “#” on color attributes.Eg: color:efefef instead of color:#efefef Typing id and class name differently in CSS file and HTML file.. […]
