学无止境详情

CSS3 图片旋转

发表:2016-02-11    编辑:南昌开优网络    浏览:4631    
标签:CSS应用

网页用常用的ico小图标 用CSS3 使其 鼠标移上去时旋转  

<a href="#"><img src="images/tubiao.jpg" />&nbsp;&nbsp;标题题标题题标题题标题题标题题标题题标题题</a>

<style type="text/css">
        img
        {
            border: none;
            float: left;
            margin: 6px 0 0 6px;
            -webkit-transition: 1s all;
            -moz-transition: 1s all;
            -o-transition: 1s all;
            transition: 1s all;
        }

        a:hover img
        {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    </style>

分享
  1. 上一篇:没有了!
  2. 下一篇:4种CSS3效果(360度旋转、旋转放大...