Tilted Content Slideshow - ぜひ見て欲しい！超格好いいスライドショー MOONGIFT
何これ格好いい！ CSS3でアニメーションができるようになったとは言え、どこで使って良いものか悩んでしまいますよね。あまり使いすぎるとくどくなりますし、あまりに些細だと気付いても貰えない。 そんな中、一つの例としてTilted Content Slideshowを紹介します。カルーセル的にヘッダーコンテンツを切り替えるライブラリですが、その際のアニメーションが激しく格好いいのです！ Tilted Content Slideshowのデモ この上の部分が切り替わります。画像だと分かりづらいですよね。 ということで何はともあれまずは動画をご覧頂きたい！ 画像が上下左右に移動して、さらに現れるという。二つの画像が全く同じ動きではなく、ちょっとずれているのがまたいい感じです。画像の並べ方はスタイルシートのクラスで指定できます。 さらにデザインはレスポンシブ。iPhoneで試すと次のような感じです。
creatorish.com
Buy this domain. creatorish.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
CSS3でブロック要素を折り紙風にたたんだエフェクトを付けられる「oriDomi」:phpspot開発日誌
oriDomi - Fold up the DOM like paper. CSS3でブロック要素を折り紙風にたたんだエフェクトを付けられる「oriDomi」 Safariで見て頂きたいのですが、次のようにブロック要素を立体的に折り紙風にたたんだようなエフェクトをかけることができます。 iPadなどではお馴染みのあのUIをブラウザベースで実現するためのライブラリで、iOSでも使えます HTML5で折畳みインタフェースを持ったアプリを実装する際に便利に使えそうです 関連エントリ WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル ピュアCSSなのに折りたたみ可能なツリーメニュー実装例
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
