HTML/CSS
网站加入鼠标滑过抖动样式
PetitQ
站长闲下来的时候，就四处逛逛网站，顺便扒点其他网站的代码，比如 html、css、js；都是站长通过 f12 或者 view-source 扒到的，有些代码很容易就能扒到，有些很难，比如今天分享的这个，扒了得半小时，才找到 css 具体代码！支持所有网站，wordpress、typecho、hexo 等等之类的。
代码说明：
该 css 代码，作用于 class 为 post-item 下 h2 标签下的 a 标签，当鼠标滑过，即:hover 时，指定了半径为 20px 的边框，背景色为#6f9fc7，字体颜色为#fff，执行 links 动作，后面的参数为时间；@-webkit-keyframes 规定了 links 执行的具体动作；可以参看参考本站首页的文章标题，鼠标滑过特效！如果你想给自己网站某元素加入这种特效，只需替换.post-item h2 a 为锁需要特效的元素即可，下面展示了本文 css 的特效！！！
也想出现在这里？联系我们吧
CSS 代码：
.post-item h2 a:hover {
border-radius: 20px;
background: #6f9fc7;
color: #fff;
-webkit-animation: links .2s 2
}@-webkit-keyframes links {
0% {
-webkit-transform: rotate(-2deg)
}100% {
-webkit-transform: rotate(2deg)
}}
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
