80以上のCSS3アニメーションのコレクション – AniCollection
AniCollection
AniCollection
The easiest way to find, use and share CSS3 animations.
最も簡単にCSS3アニメーションを見つけて使用し、シェアする方法
基本的な動きとそれを組み合わせたものなど、確認した時点で82のCSSアニメーションが登録されていました。
AniCollection40のクールなCSSアニメーションの例
40 Cool CSS Animation Examples
Most modern browsers are now supporting CSS animations. Yes, CSS are now allowing you to create some simple animations, without the help of a client-side programming language such as JavaScript.
たいていのモダンなブラウザがCSSアニメーションをサポートしています。 イエス、CSSは今あなたにJavaScriptのようなクライアントサイドのプログラム言語の助けなしで、いくつかのシンプルなアニメーションを作成することを可能にしています。
実用的なものからなぜCSSだけでここまでやったというものまで、40のCSSアニメーションの例です。文字がポコポコ出てくるLOADINGアニメーションがソースもコンパクトで使いやすそうです。
40 Cool CSS Animation ExamplesUIアニメーション＆エレメントのための12のベストCSSジェネレーター
12 Best CSS Generators For UI Animations & Elements
These online generators comes very handy when you need to build beautiful sleek CSS buttons and transitions to create a better user experience that require plenty of configurations. Online generators simply display the designated preview based on CSS code and save you loads of time.
たくさんの形状を要するこれらのオンラインジェネレーターが、より良いユーザー体験を作るためにあなたが美しいスマートなCSSボタンとトランジションを作る必要があるときに非常に有用です。オンラインジェネレーターがCSSコードに基づいて指定されたプレビューを表示して、そしてあなたの時間を節約します。
CSS3を使った問い合わせフォームやボタン、ふきだし、アニメーションなどのジェネレーターです。
12 Best CSS Generators For UI Animations & Elementsテキストインプットエフェクトのためのインスピレーション
Some More Inspiration for Text Input Effects
The concept is the same: make (subtle) enhancements for text inputs to make them more engaging and fun.
概念は同じです：テキストインプットをいっそう魅力的で、そして面白くするために（デリケートに）改良してください。
テキスト入力エリアにCSSで動きを与える、SET1とSET2で計24のデモがあります。大きな動きのものが多いので入力項目が多いものには向かないかもしれませんが、名前とメールアドレスだけ、のような項目の少ないフォームに使うと素敵な感じです。
Some More Inspiration for Text Input Effectslittlebox（ピュアCSSで作られたアイコンセット）
littlebox
It’s made entirely with CSS
これは、完全にCSSで作られています
CSSだけで作られたフリーのアイコンセットです。使い方はbootstrapとlittleboxのCSSを読み込んで表示させたいところにclassを指定するだけです。CSSで作られているのでもちろん色の変更も容易ですし、シンプルな国旗アイコンやペイメントアイコンが含まれているのもいいですね。試した限りbootstrapのcssを読み込まなくても（CSSでの調整は必要そうですが）アイコンの表示自体はできるようです。
littlebox10の便利なCSSツール2015
10 Useful CSS Tools 2015
In this post i’ve compiled small list of useful CSS tools to help you speed up, simplify and optimise development of your projects.
このポストで私はあなたがプロジェクトの開発を早く、シンプルに、そして最適化するのを手伝う有用なCSSツールのリストを作りました。
CSS minificationエンジンの比較やCSSをきれいに整形するツールなどです。
10 Useful CSS Tools 2015
コピペで使える！CSSだけでアニメーションつきハンバーガーメニューアイコンを作ろう
2015年3月時点のホバーエフェクト総まとめ(CSS3/jQuery)
コメントを残す