css transform

 transform: rotate(45deg);

---------------------------------------------------------
.menu > ul > li > i {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 13px;
    transition: all .3s;
}
.menu > ul > li:hover > i{
   right: 5px;
}
--------------------------------------------------------

.wrap-img {
    height: 246px;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.wrap-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 155px;
}
.wrap-img:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);

}