ホームページ > ウェブフロントエンド > jsチュートリアル > 7 つの目を引く jQuery/CSS3 特殊効果の共有 example_jquery

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

WBOY
リリース: 2016-05-16 17:35:27
オリジナル
1049 人が閲覧しました

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 特殊効果はとてもクールなので、急いで集めてください。

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