dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work…
BoxShadow{box-shadow: horizontal vertical blur spread color inset;}For examplediv {box-shadow: 2px 2px 0px #FFFFFF;}Glow/Stroke Effect - the trick is to put shadow above and below text.div {box-shadow: 2px 2px 2px #888888,-2px -0px 2px #888888;}
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.pngcurve_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…
Text Shadow{text-shadow: horizontal vertical blur color;}For exampleh1 {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 divLeaving 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…
Copy Right Text | Design & develop by AmpleThemes