CSS3クリップカットアニメーション

CSS3クリップカットアニメーション

以下は簡単な例である
<PRE>
<HTML>
<HEAD>
<スタイルタイプ= "テキスト/ CSS">
IMG
{
位置:絶対;
クリップ:RECT(0PX 120ピクセル151px 0PX);
アニメーション:clipMe 5Sリニア無限;
}
@ {-keyframes clipMe -webkit
0 {%

}

100 {%の
クリップ:RECT(0PX 0PX 0PX 151px);
}
}
</スタイル>
</ HEAD>

<BODY>
<P>画像カットのクリッププロパティ</ P>
<P> <IMG国境= "0" SRC = "/ I / eg_bookasp.gif"幅= "120"高さ= "151"> </ P>
</ BODY>

</ HTML>
</ PRE>


あなたは以下の理解しやすいクリッププロパティが表示されない場合、2番目の図は理解して!
<IMG SRC = "http://newmiracle.cn/wp-content/uploads/2016/11/QQスクリーンショット20161105144011-300x167.jpg" ALT = "QQ%E6 %88%AA%E5%9bの%be20161105144011"幅= "300"高さ= "167"クラス= "alignnoneサイズ媒体WP-画像390" />

 

おすすめ

転載: www.cnblogs.com/newmiracle/p/11876737.html
おすすめ