Effeckt.css プロジェクト: CSS インタラクティブ アニメーション アプリケーションのコレクション_html/css_WEB-ITnose

現在、インターネット上には CSS 変換に基づく実験や例が多数ありますが、それらはすべて散在しすぎています。Effeckt.css の目標は、次のような CSS/jQuery アニメーションに基づくすべてのアプリケーションを一元化することです。 -up ウィンドウ、ボタン、ナビゲーション、リスト、ページ切り替えなど。

Effeckt.css は、ポップアップ ウィンドウ、ボタン、ナビゲーション、リスト、ページ切り替えなど、Web サイトとモバイル Web 開発の両方に適した、多くの新鮮で実用的な CSS/jQuery アニメーション効果アプリケーションのコレクションです。特殊効果アニメーションは Web サイトのユーザー エクスペリエンスを向上させることができ、シンプルで実用的です。

デモページ: http://h5bp.github.io/Effeckt.css/dist/

プロジェクトの本来の意図

モバイル Web サイトの UI の開発と設計は、特に次の場所で送信される場合、簡単な作業ではありません。 60fpsで実行可能。理想的なアプローチは、携帯電話/タブレット向けの CSS トランジションとキーフレーム アニメーションに基づいてジャンクのない変換を実行し、特にハードウェアと透明性の変更を利用して変換を高速化することです。

現在、インターネット上には CSS 変換に基づいた実験や例がたくさんありますが、それらはすべて分散しすぎており、Effectkt.css の目標は、CSS/jQuery アニメーションに基づいたすべてのアプリケーションを一元化することです。应用体

特定のアプリケーション:

Tympanus.net/Development/ModalWindowEffects/Tympanus.net/DEVELOPMENT/PAGETRANSITIONS/

Tympanus.net/Development/PFOL D/Index2.html

Leaverou.github.io/Animatable/

lab.hakim.se/ladda/

lab.hakim.se/kontext/

lab.hakim.se/avgrund/

lab.hakim.se/meny/

プロジェクト目標

:

UI Less,トランジション/アニメーションのみに焦点を当てます。

エレガントで合理的な動的効果を備えます。

CSS パフォーマンス回帰テストを作成します。

機能が満たされない場合。パフォーマンス目標を達成するには、この機能を除外できます

他のスタイル要素への影響を回避する方法に関するガイドラインがあります (高価な CSS を避ける)

ユーザーがニーズに応じて CSS をプッシュできるように、ビルダーを提供します

モバイルデバイス ホバー効果はありません, そのため、それらに基づくホバー効果は除外されるか、クリック アクション効果が発生します。

Effeckt.css の詳細については、こちらをご覧ください: https://github.com/h5bp/Effeckt.css

問題の相談とフィードバック: http://github.com/h5bp/Effeckt.css/issues

国内ミラーアドレス: https://code.csdn.net/OS_Mirror/Effeckt.css