マウスホバー画像 CSS3 アニメーション特殊効果
.デモ{
パディング: 2em 0;
}
.ボックス{
text-align: 中央;
オーバーフロー: 非表示;
色: #fff;
位置: 相対的;
}
.box:後{
内容: "";
幅: 100%;
高さ: 100%;
背景: 線形グラデーション(下へ、rgba(0, 0, 0, 0) 0%、rgba(0, 0, 0, 0.08) 69%、rgba(0, 0, 0, 0.76) 100%);< br />
位置: 絶対;
上: 0;
左: 0;
トランジション: すべての 0.5 は 0 を緩和します。
}
これは、マウスが画像上にあるときにトランジションと変換を使用して画像説明テキストとアイコンを作成する CSS3 アニメーション特殊効果です。クールなマウスオーバー画像 CSS3 アニメーション特殊効果コードです。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
16 May 2016
この記事では、jquery の単純な画像カルーセル効果を主に紹介します。画像カルーセル効果は、特に商品の表示に適しています。興味のある方は参考にしてください。
16 May 2016
この記事では、CSS3 の変形とアニメーション効果を主に紹介します。CSS3 アニメーションは主に、変換、トランジション、アニメーションの 3 つの属性を使用します。
16 May 2016
この効果は虫眼鏡効果とも呼ばれ、ppgで初めて登場したようで、その後多くの模倣品が出てきました。
26 Apr 2018
今回はフローティングリンクのポップアップ画像の特殊効果の実装についてお届けします。 フローティングリンクのポップアップ画像の特殊効果の注意点は次のとおりです。
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER