會轉(zhuǎn)動的小丸子（css3）

上海/UI設(shè)計師/11年前/337瀏覽

版權(quán)

運用css3中的動畫標(biāo)簽實現(xiàn)鼠標(biāo)移上去圖片出現(xiàn)轉(zhuǎn)動，鼠標(biāo)離開也實現(xiàn)轉(zhuǎn)動的效果，這里演示圖片和代碼實現(xiàn)的動畫差不多，希望能幫助一些CSS3愛好者。

樣式代碼是：

.bg{background-image:url(../images/wanzi.png);

height:400px;

width:400px;

border-radius:200px;

margin:20px auto;

transition:all .2s ease;

}

.bg:hover{

transform:rotate(-360deg);

-webkit-transform:rotate(-360deg);

transition-duration:.2s;

transition-timing-function:ease-in-out;

}

<head>

</head>

<body>

</div>

</body>

舉報

聲明

評論

評論你的想法~

表情

喜歡TA的作品嗎？喜歡就快來夸夸TA吧！

熟妇九九区视频,aaaav在线,午夜福利三区,日韩无码第四页,午夜天堂精品久久久,一区二区三区美女福利,日日夜夜爽这里有精品,久久久久久久久999,一区二区三区久久久