[CSS] Hover in and out to minimize and maximize the details

There is two line code to minimize and maximize the details on hover in and out.

For minimize:

.details{height:25px;overflow:hidden; }

For maximize:

.details:hover{height:100%;overflow:normal;}

Thats it 🙂

 

[css][tip] round corner of html element

Following is the css code for curving the html element corner:

.round-corner{
-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px;

}

It works in all commonly used browsers.

Enjoy CSS 🙂

 

|| css || tip || style is in-affective

If you find that you have given border, color, margin, padding or any other style to any html element but its in-affetcive i.e. you cant notice the change you want to, then simply add !important infront of that particular property e.g.

border:1px solid red !important;

color:green !important;

margin-left:10px !important;

padding-top:12px !important; and so on

So if you find that any styling property is quite remind it that you are not important 😉