Sha256: 6cae9ab91e653ea4bd58cebe314e4e6e4e99923ccceffce38373c115214e13bb
Contents?: true
Size: 1.9 KB
Versions: 2
Compression:
Stored size: 1.9 KB
Contents
.cube {
position:relative;
left: -38px;
z-index: 2;
float: left;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
}
.cube:hover {
-webkit-animation: float 2s infinite ease-in-out;
-moz-animation: float 2s infinite ease-in-out;
-o-animation: float 2s infinite ease-in-out;
animation: float 2s infinite ease-in-out;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
}
@-webkit-keyframes float {
0% {
-webkit-transform: translate(0px, 3px);
}
50% {
-webkit-transform: translate(0px, 0px);
}
100% {
-webkit-transform: translate(0px, 3px);
}
}
.face {
position: absolute;
width: 14px;
height: 14px;
background-color: #ffffff;
border: 3px solid #888;
border-radius: 3px;
}
.cenit {
margin-top: 1px;
margin-left: 47px;
-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
-moz-transform: rotate(-45deg) skew(15deg, 15deg);
}
.cenit-shape{
background: #08C;
border: 4px solid #08C;
border-radius: 3px;
margin-top: -5px;
width: 12px;
height: 12px;
}
.left {
margin-top: 15px;
margin-left: 39px;
-webkit-transform: rotate(15deg) skew(15deg, 15deg);
-moz-transform: rotate(15deg) skew(15deg, 15deg);
}
.left-shape{
background: #08C;
border: 4px solid #08C;
margin-left: 35px;
border-radius: 3px;
margin-top: 18px;
width: 12px;
height: 12px;
}
.demoright {
margin-top: 14px;
margin-left: 55px;
-webkit-transform: rotate(-15deg) skew(-15deg, -15deg);
-moz-transform: rotate(-15deg) skew(-15deg, -15deg);
}
.shadow{
z-index: 1;
width: 0;
height: 0px;
position: relative;
float: left;
margin-top: 54px;
margin-left: -1px;
box-shadow: -5px -22px 11px 10px rgba(50, 50, 50, .5);
-webkit-box-shadow: -5px -22px 11px 10px rgba(50, 50, 50, .5);
-webkit-transform: rotate(25deg) skew(-30deg, 10deg);
-moz-transform: rotate(25deg) skew(-30deg, 10deg)
}
Version data entries
2 entries across 2 versions & 2 rubygems