7 つの目を引く jQuery/CSS3 特殊効果の共有 example_jquery

WEB フロントエンド開発者として、jQuery と CSS3 を頻繁に使用する必要があるため、以下に jQuery と CSS3 によって作成された特殊効果をいくつか紹介します。気に入っていただければ幸いです。

1. jQuery と CSS3 に基づくディスクの抽選

この小さなプログラムを使用すると、Web サイトに宝くじアプリケーションを簡単に追加できます。このアプリケーションは、jQuery と CSS3 に基づいて開発されています。何に当たりましたか?

オンラインデモ /ソースコードのダウンロード

2. 純粋な CSS3 によって実現されるクリックして光るボタンの特殊効果

このボタンは純粋な CSS3 に基づいて実装されており、ユーザーがボタンをクリックすると、ボタンの周囲にかすかな白い光の効果が放射されます。

オンラインデモ /ソースコードのダウンロード

3. jQuery 模倣 QQ ログインフォーム

これは別の模倣フォームです。今回は、jQuery に基づいて、アカウント ログインと WeChat ログインの 2 つの方法があります。

オンラインデモ / ソースコードのダウンロード

4. CSS3 の目はマウスの回転効果に追従します

この特殊効果は非常に簡単で、マウスを動かすだけで、そこに 2 つの大きな目が動くのが見えます。

オンラインデモ / ソースコードのダウンロード

5. jQuery UI シミュレートされたアイコンのごみ箱

このマテリアルは jQuery と CSS3 に基づいており、ゴミ箱の機能をシミュレートします。マウスを使用してアイコンをドラッグし、ゴミ箱からファイルを移動します。

オンラインデモ / ソースコードのダウンロード

6. jQuery スライド画像スライドショー効果

これは非常に立体的な画像再生効果です。画像をスライドショーで再生し、左右の矢印で前後の画像を再生します。各画像には反射効果があります。

オンラインデモ / ソースコードのダウンロード

7. jQuery / CSS3 画像のカスケード効果

これは、jQuery と CSS3 に基づいた画像スタッキング プラグインです。マウスを画像上でスライドすると、最初に折り畳まれた画像が非常に滑らかで自然に展開されます。

オンラインデモ / ソースコードのダウンロード

上記の 7 つの CSS3 特殊効果はとてもクールなので、急いで集めてください。