Sha256: b5b4a1adc61c18bf330d89441e031623f4a2802c88ee6c949033486e59d75a4b
Contents?: true
Size: 1.91 KB
Versions: 25
Compression:
Stored size: 1.91 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(-3px, 6px);
}
50% {
-webkit-transform: translate(-3px, 3px);
}
100% {
-webkit-transform: translate(-3px, 6px);
}
}
.face {
position: absolute;
width: 30px;
height: 30px;
background-color: #ffffff;
border: 3px solid #888;
border-radius: 3px;
}
.cenit {
margin-top: -4px;
margin-left: 68px;
-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: -10px;
width: 28px;
height: 28px;
}
.left {
margin-top: 23px;
margin-left: 53px;
-webkit-transform: rotate(15deg) skew(15deg, 15deg);
-moz-transform: rotate(15deg) skew(15deg, 15deg);
}
.left-shape{
background: #08C;
border: 4px solid #08C;
margin-left: 48px;
border-radius: 3px;
margin-top: 26px;
width: 28px;
height: 28px;
}
.demoright {
margin-top: 24px;
margin-left: 83px;
-webkit-transform: rotate(-15deg) skew(-15deg, -15deg);
-moz-transform: rotate(-15deg) skew(-15deg, -15deg);
}
.shadow{
z-index: 1;
width: 12px;
height: 9px;
position: relative;
float: left;
margin-top: 79px;
margin-left: 14px;
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
25 entries across 25 versions & 2 rubygems