圖片沒有劃入劃出效果的話 css動(dòng)畫這樣改試試
.test2:hover img{
transform: translate(-50px,0px);
opacity: 0.5;
}
.test2:hover img{
transform: translate(-50px,0px);
opacity: 0.5;
}
2017-12-16
最新回答 / 雙魚小容0313
.text4{position:relative;background:#000;}? ? ?.text4 img{transform:scale(1,1);}? ?.text4? figcaption div{border:2px solid #fff;width:80%;height:80%;position:absolute;left:10%;top:10%; }? ? ? .text4:hover img{transform:scale(1.2,1.2);}
2017-12-11
最贊回答 / qq_與我無關(guān)N_0
因?yàn)樵赾hrome上斜切90deg,相當(dāng)于無限大，會(huì)卡死，可以改為以下設(shè)置，效果一樣會(huì)出來；可以設(shè)置：transform: skew(89deg);opacity:0;hover設(shè)置：transform:skew(0deg);opacity:1;
2017-11-27
最新回答 / 慕后端5039463
你這個(gè)我試過了? 是能動(dòng)的 你把delay設(shè)置成2s 一開始我也以為不能動(dòng)呢 等個(gè)2s就能動(dòng)了
2017-11-07
<p>translate：指定對(duì)象的2D平移，單位（px），第一個(gè)參數(shù)對(duì)應(yīng)x軸，第二個(gè)參數(shù)對(duì)應(yīng)y軸，如果第二個(gè)參數(shù)未提供，則默認(rèn)值為零</p>
<p>rotate：指定對(duì)象的2D旋轉(zhuǎn)（順時(shí)針），單位（deg），需先有transform-origin屬性的定義，控制旋轉(zhuǎn)的中心點(diǎn)，默認(rèn)值（50% 50%）</p>
<p>scale：指定對(duì)象的2D縮放，單位（‘1’），也需要transform-origin屬性的定義，控制縮放中心點(diǎn)，默認(rèn)值（50% 50%）</p>
<p>skew：指定對(duì)象斜切扭曲，單位（deg），第一個(gè)參數(shù)對(duì)應(yīng)x軸，第二個(gè)參數(shù)對(duì)應(yīng)y軸，如果第二個(gè)參數(shù)未提供，默認(rèn)值為零</p>
<p>rotate：指定對(duì)象的2D旋轉(zhuǎn)（順時(shí)針），單位（deg），需先有transform-origin屬性的定義，控制旋轉(zhuǎn)的中心點(diǎn)，默認(rèn)值（50% 50%）</p>
<p>scale：指定對(duì)象的2D縮放，單位（‘1’），也需要transform-origin屬性的定義，控制縮放中心點(diǎn)，默認(rèn)值（50% 50%）</p>
<p>skew：指定對(duì)象斜切扭曲，單位（deg），第一個(gè)參數(shù)對(duì)應(yīng)x軸，第二個(gè)參數(shù)對(duì)應(yīng)y軸，如果第二個(gè)參數(shù)未提供，默認(rèn)值為零</p>
2017-11-03
