.display{
    width: 100%;
    
    background:;
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
		}

.display:hover {
    width: 90%;
			}
			
			
			.position1{
    position: fixed;
    top: 400px;
    right: 0px;
				}
				.position2{
    position: fixed;
    top: 400px;
    left: 0px;
				}
				
				.animation {
   /* width: 100px;
    height: 100px; */
    background-color: green;
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:green; left:0px; top:0px;}
    25%  {background-color:green; left:10px; top:0px;}
    50%  {background-color:green; left:10px; top:10px;}
    75%  {background-color:green; left:0px; top:10px;}
    100% {background-color:green; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:green; left:0px; top:0px;}
    25%  {background-color:green; left:10px; top:0px;}
    50%  {background-color:green; left:10px; top:10px;}
    75%  {background-color:green; left:0px; top:10px;}
    100% {background-color:green; left:0px; top:0px;}
}