Balero de copa
Así era...
Características:
.libros {
background-image:
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.16, rgba(0, 0, 0, 0.1)), color-stop(.20, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.16, rgba(0, 0, 0, 0.1)), color-stop(.20, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.85, transparent), color-stop(.65, rgba(0, 0, 0, 0.1))),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.85, transparent), color-stop(.65, rgba(0, 0, 0, 0.1)));
background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%),
-moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%);
background-repeat: repeat;
background-color: rgba(110,455,513,.5);
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
width: 100px;
height: 100px;
text-decoration: none;
color: #000066;
line-height: 95px;
text-align: center;
font-size: 16px;
text-shadow: 1px 0 0 rgba(155,455,555,.7);
}
.libros:hover {
background-color: rgba(139,438,0, .3);
color:rgba(255,0,29, .7);
text-shadow: -1px 0 0 rgba(255,255,255,.7);
-webkit-transform: scale(1.5) skew(45deg,-45deg) rotate(405deg);
-webkit-transition-duration: .3s;
-moz-transform: scale(1.5) skew(45deg,-45deg) rotate(405deg);
-moz-transition-duration: .3s;
z-index:10;
}
.textoa {color: #526D22; text-align: center; font-size: 40px; text-shadow: 0 5px 10px rgba(0,0,0, 0);}
.textob, textob a {color: #32665D; text-align: center; font-size: 25px; text-shadow: -1px 0 0 rgba(255,255,255,.7);}
.textob a {color:rgba(255,0,29, .7); text-decoration: none;}
.textob a:hover {text-shadow: 0 12px 10px rgba(0,0,0, .5);}