ホバーやクリック、タップ操作などで、ユーザーが楽しめる気持ちいいインタラクションを与えるエフェクトをCSS3で実装したデモサイト「CSS3 Playground」を紹介します。
Fullscreen Slit Slider with jQuery and CSS3 | Codrops jQueryとCSS3でダイナミックに動くコンテンツスライダー。 アニメーションがカッコよくてネタはなくとも実装したくなるかもしれないスライダーです。 デモページ どうやって実装しているんだろう(^^;)とか思いつつ、チュートリアル記事もあるのでそこで学習できます。 プログラム一式ダウンロードも出来るので素材としても。 関連エントリ レスポンシブなjQueryスライダー実装プラグイン8個 AppleっぽいデザインのjQueryスライダーサンプル 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」
マウスのホバー時に、画像を次々に表示させるスタイルシートを紹介します。 デモはモデルのかっこいい写真ですが、これはパラパラ漫画だ!と思いましたw How to Create a Fast Hover Slideshow with CSS3 [ad#ad-2] デモ 実装 デモ デモは2つあり、Firefox, Chrome, Safari, Operaでご覧ください。 まずは、デフォルトのデモから。 デモ:With titles 実装 HTML HTMLはシンプルで、複数のimg要素とオーバーレイで表示させているテキストをdiv要素で内包します。 <div class="hs-wrapper"> <img src="images/1.jpg" alt="image01"/> <img src="images/2.jpg" alt="image02"/> <img src="images/3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く