东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
14
2017/04

鼠標(biāo)滑過圖片360度旋轉(zhuǎn)用css如何實(shí)現(xiàn)

發(fā)布時(shí)間:2017-04-14 10:04:25
發(fā)布者:369563174
瀏覽量:
0

有的網(wǎng)頁中鼠標(biāo)只要滑過圖片,圖片就可以360度旋轉(zhuǎn),這個(gè)效果用CSS3就可以實(shí)現(xiàn),我們?cè)谧龌笔a區(qū)人社局項(xiàng)目的時(shí)候就用到了這個(gè)效果:

UO(3[3J[CVHECATBOHYB@FM.png

它的寫法如下:

   .sevice_clum li:hover img{    
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg); 
    -webkit-transform-origin:center;
    -moz-transform-origin:center; transition:all .3s linear;
    }

這樣就可以實(shí)現(xiàn)當(dāng)鼠標(biāo)滑過圖片360度旋轉(zhuǎn)了


關(guān)鍵詞:
返回列表