robhrt7

#f {
width: 50px; 
height: 50px; 
opacity:0; 
visibility: hidden; 
background: yellow;
float: left;
margin-left: 0%;
transition: margin 2s ease-in}
/*раскомментировать для анимации*/

robhrt7

div {
width: 50px; height: 50px;
background: red;
-webkit-transition: -webkit-transform 1s;
}
div:hover {
	-webkit-transform: scale(2);
}

robhrt7

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;

robhrt7

empty

robhrt7

empty

robhrt7

empty

robhrt7

empty

robhrt7

empty

robhrt7

/**
 * Пример разной анимации в обе стороны
 */

div {
	height: 1.5em;
	background: orange;
	
	line-height: 1.5;
	}

robhrt7

.menu {
position: relative;
width: 969px;
height: 40px;
background: red;
text-align: center;

}

.menu_cnt {