CSS: AdminArea

by Jens Kühn

HTML

<div class="ani"></div>

<div class="fix"></div>

CSS

div{ 
    height: 100px;
    width: 35px;
    float: left;
    margin-left: 25px;
}

.fix{    
    /* Webkit (Chrome 11+) */
    background-image: -webkit-repeating-linear-gradient(#f00,#f00 6px,#fff 6px,#fff 12px);
    -webkit-transition: all .7s linear;
}

.fix:hover{
    -webkit-background-size: 80% 100%;
}

.ani {
	background: -webkit-linear-gradient(#31a758, #95e4af);
    -webkit-background-size: 100% 10%;
	-webkit-transition: all .7s linear;
}

.ani:hover, .ani:focus, .ani:active {
	background-position: 0 0;
	-webkit-background-size: 80% 100%;
}