最新回答 / 雙魚小容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
因為在chrome上斜切90deg,相當(dāng)于無限大,會卡死,可以改為以下設(shè)置,效果一樣會出來;可以設(shè)置:transform: skew(89deg);opacity:0;hover設(shè)置:transform:skew(0deg);opacity:1;
2017-11-27
最新回答 / 流浪之日
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">? ? *{? ? ? padding: 0;? ? ? margin: 0;? ? }? ? #d1{? ? ? width: 400px;? ? ? height: 400px;? ? ? margin: auto;? ? ? bo...
2017-07-22
最新回答 / 風(fēng)鳥默默
我也出現(xiàn)了崩潰的情況,當(dāng)在谷歌瀏覽器時,只定義x方向斜切動畫才會出現(xiàn),在其他瀏覽器中沒有問題,不知道是什么原因。不過超過三個動畫應(yīng)該不會讓瀏覽器崩潰的。
2017-07-14