HTML5 + CSS3 リアルな水波アニメーション特殊効果
@keyframes move_wave {
0% {
変換: 変換X(0) 変換Z(0) スケールY(1)
}
50% {
変換:translateX(-25%)translateZ(0)scaleY(0.55)
}
100% {
変換: 変換X(-50%) 変換Z(0) スケールY(1)
}
}
.waveWrapper {
オーバーフロー: 非表示;
位置: 絶対;
左: 0;
右: 0;
下: 0;
上: 0;
マージン: 自動;
}
.waveWrapperInner {
位置: 絶対;
幅: 100%;
オーバーフロー: 非表示;
高さ: 100%;
下: -1px;
背景画像: 線形グラデーション(先頭へ、#86377b 20%、#27273c 80%);
}
CSS3 リアルな水の波のアニメーション効果は、リアルな水の波の浮遊アニメーション効果であり、Web ページ上に配置すると、Web ページをよりダイナミックにすることができます。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
27 May 2017
これは非常にクールな純粋な CSS3 リアルな多層雲アニメーション特殊効果です。この特殊効果では、複数の透明な雲 PNG 画像を背景画像として使用し、CSS アニメーションを使用して雲の水平浮遊アニメーション効果を作成します…, HTML5 China、中国最大の HTML5 中国語ポータル。
18 Jan 2017
これは、純粋な CSS3 を使用して作成されたクールな 3D 星空アニメーション特殊効果です。この特殊効果では、宇宙船が素早く前進する視点から、すべての星が急速に大きくなって後退する様子が非常にリアルに表現されています。
18 Jan 2017
jquery-fireworks は、HTML5 Canvas に基づいたリアルな花火の特殊効果のための jQuery プラグインです。このプラグインは使いやすく、自由に構成できます。 div コンテナーでリアルな花火のエフェクトを生成できます。
18 Jan 2017
これは、HTML5 に対応したクールなビデオ背景アニメーション効果です。このビデオ背景は、ビデオを画面のサイズに適応させて、クールでダイナミックなビデオ背景効果を作成できます。
25 Dec 2017
アニメーションが CSS のプロパティであることは誰もが知っています。この記事では、CSS3 アニメーション特殊効果のアニメーション シーケンス (アニメーション) に関する情報を中心に紹介します。参照。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
06 Mar 2017
テキストは Web ページの魂です。昔、誰かが Web ページにさまざまなスタイルを与える美しいコンピューター フォントを発明しました。 HTML5 と CSS3 の登場により、必要に応じてテキストをよりパーソナライズできるようになり、HTML5 を使用してテキストをアニメーション化することもできます。この記事では、非常に豪華な 8 つの HTML5 テキスト アニメーション特殊効果を紹介します。参考にしていただければ幸いです。 1. CSS3 3D 折り畳みおよび反転テキスト アニメーション 今日は、CSS3 テキスト特殊効果アプリケーションを共有します。これは、以前に共有された HTML5/CSS3 テキスト エフェクトと似ていますが、CSS3 3D 折り畳みおよび反転テキスト アニメーションでもあります。 。
ホットツール Tags
Hot Tools
HTML5 キャンバスの心ときめくアニメーション特殊効果
HTML5 キャンバスのハートのはためきアニメーション特殊効果は、ブラウザで直接開いてハートを確認できる生成されたアニメーションです。
H5 パンダバウンスゲームのソースコード
HTML5 Mobile Panda もクレイジーなゲームのソース コードです。ゲームの説明: 画面を長押ししてパンダのバネの強さを調整し、石柱にジャンプします。川に落ちたらゲーム終了です。
HTML5 バレンタインデー ボックス アニメーションの特殊効果
svgをベースに、バレンタインデーのラブボックスギフトを開けるアニメーションと、ラブボックスアニメーションの特殊効果を描画します。
H5 3D ローリング ボール ゲームのソース コード
HTML5 クールな 3D ボールローリングモバイルゲームコードのダウンロード。ゲーム紹介: カラー ボールが転がり、マウスまたは携帯電話のタッチ スクリーンでカラー ボールをドラッグすることで、カラー ボールの現在のトラックを制御します。シンプルで操作しやすいモバイルゲームのソースコードです。