9款基于CSS3Transitions实现的鼠标经过图标悬停特效_html/css_WEB-ITnose

在线预览 源码下载

实现的代码。

html代码：

    Mobile    Desktop    Partners    Support    Security

css3代码：

.hi-icon-effect-6 .hi-icon {    box-shadow: 0 0 0 4px rgba(255,255,255,1);    transition: background 0.2s, color 0.2s;    }.no-touch .hi-icon-effect-6 .hi-icon:hover {    background: rgba(255,255,255,1);    color: #64bb5d;}.no-touch .hi-icon-effect-6 .hi-icon:hover:before {    animation: spinAround 2s linear infinite;}@keyframes spinAround {    from {        transform: rotate(0deg)    }    to {        transform: rotate(360deg);    }}

via：http://www.w2bc.com/Article/20379