欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3實(shí)現(xiàn)頭像旋轉(zhuǎn)效果

  發(fā)布時(shí)間：2017-03-13 16:54:56   作者：erdouzhang   我要評(píng)論
本篇文章主要介紹了CSS3實(shí)現(xiàn)頭像旋轉(zhuǎn)效果，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

鼠標(biāo)未放上效果：

這里寫圖片描述

鼠標(biāo)放上之后旋轉(zhuǎn)效果：

這里寫圖片描述

transition: all 2.0s;表示所有的屬性變換在2秒內(nèi)完成；

transform: rotate(360deg);表示圖片旋轉(zhuǎn)360度。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            img{
                border: #000 solid 2px;
                display: block;
                margin: 50px auto;
                border-radius: 50%;
                transition: all 2.0s;
            }
            img:hover{
                transform: rotate(360deg);
            }
        </style>
    </head>
    <body>
        <img src="img/03.jpg" />
    </body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論