圖片沒有劃入劃出效果的話 css動畫這樣改試試
.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_與我無關N_0
因為在chrome上斜切90deg,相當于無限大,會卡死,可以改為以下設置,效果一樣會出來;可以設置:transform: skew(89deg);opacity:0;hover設置:transform:skew(0deg);opacity:1;
2017-11-27
<p>translate:指定對象的2D平移,單位(px),第一個參數對應x軸,第二個參數對應y軸,如果第二個參數未提供,則默認值為零</p>
<p>rotate:指定對象的2D旋轉(順時針),單位(deg),需先有transform-origin屬性的定義,控制旋轉的中心點,默認值(50% 50%)</p>
<p>scale:指定對象的2D縮放,單位(‘1’),也需要transform-origin屬性的定義,控制縮放中心點,默認值(50% 50%)</p>
<p>skew:指定對象斜切扭曲,單位(deg),第一個參數對應x軸,第二個參數對應y軸,如果第二個參數未提供,默認值為零</p>
<p>rotate:指定對象的2D旋轉(順時針),單位(deg),需先有transform-origin屬性的定義,控制旋轉的中心點,默認值(50% 50%)</p>
<p>scale:指定對象的2D縮放,單位(‘1’),也需要transform-origin屬性的定義,控制縮放中心點,默認值(50% 50%)</p>
<p>skew:指定對象斜切扭曲,單位(deg),第一個參數對應x軸,第二個參數對應y軸,如果第二個參數未提供,默認值為零</p>
2017-11-03