single_div

九宫格

HTML

<div id="test"></div>

CSS

#test {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 100px;
    background-color: #5dd;
    box-shadow: 0px 105px 0 0px #5dd,
                0px -105px 0 0px #5dd,
                105px -105px 0 0px #5dd,
                105px 105px 0 0px #5dd,
                105px 0px 0 0px #5dd,
                -105px -105px 0 0px #5dd,
                -105px 105px 0 0px #5dd,
                -105px 0px 0 0px #5dd;
}

#test:hover {
  transform: rotateY(360deg);
    transition: all 0.75s;
}