|
in fact, i need drop down menu similar to ibm.com, but i need it to with css, and css only
i've tried to make one, with
transition: height; here is demo[^] (thanks to:Christofer Vilander) , but it doesn't have expended width, it drops with same size when it is un hovered, is it possible to increse the drop down width, and keeping the button size the way it is, or i have to search for another trick or just give up and use jQuery?
|
|
|
|
|
Mohamed Samir wrote: is it possible to increse the drop down width, and keeping the button size the way it is,
Yes
Try:
.box {
width: 100px;
height: 60px;
background: #005ca1;
-webkit-transition: height 1s;
-moz-transition: height 1s;
-ms-transition: height 1s;
-o-transition: height 1s;
transition: height 1s;
}
.box:hover {
height: 225px;
width: 200px;
}
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
