<style>
#container{
border:2px #333333 solid;
height: 200px;
width:400px;
}
#logo{
width:40px;
height:40px;
background:#000;
}
#container:hover #logo{
width:40px;
height:40px;
background:#000;
animation:logo 2s linear;
}
@keyframes logo{
0% {
margin-left:0%;
}
100% {
margin-left:50%;
}
}
</style>
</head>
<body>
<div id="container">
<div id="logo">
</div>
</div>
</body>
Простой
