ホームページ > ウェブフロントエンド > htmlチュートリアル > SVGとCSS3のクールなトランポリン画像切り替えエフェクト_html/css_WEB-ITnose

SVGとCSS3のクールなトランポリン画像切り替えエフェクト_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:48:42
オリジナル
1069 人が閲覧しました

これは、非常にクールな HTML5 SVG および CSS3 トランポリン画像切り替え特殊効果プラグインです。この画像切り替えプラグインは、画像を切り替えると、画面全体が大きなトランポリンのようになり、画像を押し出し、別の画像に切り替える効果が非常にクリエイティブです。

さらに、すべての写真はスタックに積み重ねられます。マウスを使用して写真をドラッグすることもできます。ドラッグ アンド ドロップの超弾性効果の積み重ねられた写真の表示効果と同じです。背景のトランポリン効果は SVG を使用して作成され、アニメーション効果は Snap.svg を通じて作成されます。アニメーション全体では CSS トランジションを使用してスムーズなトランジションを作成します。


オンライン デモ: http://www.htmleaf.com/Demo/201503051465.html

ダウンロード アドレス: http://www.htmleaf.com/html5/SVG/201503051464.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート