1 < HTML のlang = "EN" > 2 < ヘッド> 3 < メタのcharset = "UTF-8" > 4 < メタ名= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1.0" > 5 < メタHTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 6 < タイトル>背靠背</ タイトル> 7 < スタイル> 8 / * DIV { * / 9 / * 可視向いていないかどうかと、画面要素* / 10 / * 裏面視認性を可視; * / 11 / * } * / 12である 本体{ 13である 展望:500pxなど; 14 } 15 DIV { 16 幅:200pxの; 17。 高さ:300ピクセル、 18は マージン:200pxの自動; 19 位置:相対; 20は、 変換、スタイル:保存-3D 。 21 22 } 23 のdiv IMG { 24 幅:200pxの。 25 高さ:300ピクセル; 26 位置:絶対。 27は 左:0 ; 28 トップ:0 ; 29 / * 过度效果* / 30 遷移:全2S線形。 31 32 } 33 のdiv IMG:最初の子{ 34 、Zインデックス:1 。 35 背面視認性:隠されました。 36 } 37 DIV:ホバーIMG { 38 変換:回転Y(原稿180°) 39 } 40 </ スタイル> 41 </ ヘッド> 42 < ボディ> 43 < DIV > 44 45 < IMG SRC = "画像/ 1.JPG" ALT = 「」幅=「200」高さ= "300" /> 46 < IMG SRC = "画像/ 2.JPG" ALT = "" 幅= "200" 高さ= "300" /> 47 48 </ DIV > 49 50 </ ボディ> 51 </ HTML >
戻るバック効果
おすすめ
転載: www.cnblogs.com/yuanxiangguang/p/11324243.html
ランキング