[] CSS3アニメーション遷移

<!DOCTYPE HTML > 
< HTML > 
< ヘッド> 
  < メタのcharset = "UTF-8" > 
  < タイトル> JSビン</ タイトル> 
  < スタイルタイプ= 'テキスト/ CSS' > 
    IMG { 200pxの; 高さ200pxの遷移LS ; } //時間は状態変化を指定するために必要なトランジション効果。
    IMG:ホバー{ 400ピクセル高さ400ピクセル; } 
  </ スタイル> 
</ ヘッド> 
< 身体> 
< IMG SRC = 'のhttp://img.mymhotel.com/front/suprise1209.jpg' > 
</ ボディ> 
</ HTML >

//私たちは、このような高さにのみ適しとして、移行該当するプロパティを指定することができます

遷移:1S 高さ ;

 

 

 

//ソーステキストのアドレスします。http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html

ます。https://www.cnblogs.com/positive/p/3912694.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_34236497/article/details/93495836