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