HI
I want to add a transition like this: http://tv.adobe.com/watch/cs6-creati...eamweaver-cs6/
html
<div id="webDesign"><div class="contentinformation" id="contentinformation"><h2>Cheap Website Design</h2><p>Cheap web design from £89.99 for 1 page</p></div><br /></div>
css
#webDesign {
background-image : url(../images/web-design.jpg);
background-repeat : no-repeat;
float : left;
height : 143px;
width : 220px;
overflow : hidden;
}
.contentinformation {
background-color: #000;
color: #FFF;
margin-top: 100px;
text-align: center;
font-weight: bold;
padding-top: 1px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
-webkit-transition-property: top, bottom;
-webkit-transition-duration: 0.5s;
}
.contentinformation:hover {
top:0px;
bottom:0px;
-webkit-transition-property: top, bottom;
-webkit-transition-duration: 0.5s;
}
Thanks in advance for any help