CSS
In: CSS
10 Jul 2010CSS3 supports a lot of nice features that we could only make through JavaScript in past. One of features is CSS3 transitions. In this simple example, we shall show you how to code and use CSS3 transitions. First, we shall define CSS in which we’ll have CSS3 transitions defined for our object on HTML. 1 [...]
In: CSS
4 Jul 2010To use CSS3 gradient, copy and paste following code on your project. To understand CSS3 gradient better, see “Explanation of CSS3 gradient”. 1 2 background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC 1px, #FFFFFF 100px); background: -webkit-gradient(linear, left top, left 100, from(#FFFFFF), color-stop(1%, #CCCCCC), to(#FFFFFF)); Explanation of CSS3 gradient There are Webkit and Gecko type of browsers [...]
In: CSS
1 Jul 2010To add CSS3 shadow to an element, use following code: 1 2 3 4 box-shadow: 10px 10px 20px #888; -webkit-box-shadow: 10px 10px 20px #888; -moz-box-shadow: 10px 10px 20px #888; padding: 65px 5px 5px 10px; Explanation of CSS3 shadow snippet: CSS3 shadow is written like box-shadow: Xpx Ypx Lpx #COLOR; where: box – is has specific [...]
