首页 > Web技术, 编程相关 > 用CSS3实现鼠标滑过图片旋转

用CSS3实现鼠标滑过图片旋转

2011年7月14日 sigma 发表评论 阅读评论

RT,直接给出代码,效果见,右上角的立体RSS按钮(IE不支持):

#rss_drop a img
        {
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
        }
#rss_drop a img:hover
        {
            -webkit-transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -o-transform: rotate(40deg);
        }

本文作者: Sigma    在新浪微博关注SigmaSigmaWeibo    RSS订阅本博客
本文链接: http://mblog.sigma.me/2011/07/14/css3-image-hover-rorate.html
本博客采用知识共享署名—非商业性-禁止演绎使用3.0协议进行许可,转载请保留作者和原文链接。

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量