css3 box shadow

-
box-shadow is part of CSS 3. This property allows you to add multiple shadows (outer or inner) on box elements. To do that you must specify values as: color, size, blur and offset.
There are so many online website where you can generate shadow effect.




#shadow  
{
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

inset changes the shadow from an outer shadow (outset) to an inner shadow 
.shadow {
 -moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
  box-shadow:inset 0 0 10px #000000;
 }

Comments

Post a Comment

Popular posts from this blog

Best jQuery Chart Libraries

-
In this article we listed best chart libraries that you can use in your projects. Most of them are free for personal and commercial use.   Jquery GraphUp Plugin “GraphUp is a very flexible and lightweight jQuery (v1.4+) plugin to spice up your data tables. It visualizes the values using color, bar charts and bubbles.” and only 4kB.   Demo . jQuery Highcharts Highcharts is a really impressive jQuery Chart Library. In a few words Highcharts is compatible with most Browsers and even the iPhone; numerous chart types are supported; it is a dynamic plugin because you can add, remove and modify series, axes or points at any time after chart creation and you can load data from external files; tooltip labels are also supported which is great for detailed information in a point of a chart; zooming and last but not least all text labels can be rotated in any angle. Demo jqPlot jqPlot is a plotting and charting plugin for the jQuery. jqPlot produce...
Read more

jQuery/CSS multi level dropdown menu

-
Drop-down menus and menu bars have been heavily used in many larger sites to make it easier for visitors to find what they are looking for. Here you’ll find jquery and CSS based drop-down . Simple jQuery Dropdowns Very stripped down code and minimal styling and has all the functionality typically needed and it works in all major browsers even in IE6. Superfish on ‘roids Superfish is one of the most popular Drop-Down menus available. Superfish on ‘roids takes it to the next level with jQuery! Smooth Navigational Menu Multi-level CSS and jQuery for smooth navigation. Mega Drop Down Menus Create a Mega Drop-down menu perfect for eCommerce websites. Vimeo-like top navigation Create a Vimeo-like top naviation. It offers you different search options that you can choose and narrow your search. Animated Drop Down Menu with jQuery Drop down menus are a really convent way to fit a large menu into a really small initial space. For a long time people have just used...
Read more