Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Responsive CSS3 Slider Without Javascript – JSを使わず、レスポンシブレイアウトにも対応したスライダー

  • Pocket
  • このエントリーをはてなブックマークに追加

Javascriptを使わず、かつレスポンシブレイアウトにも対応したスライダー。CSS3で実現しているそうです。どのようにレスポンシブ対応しているかは、ブラウザウィンドウを手動でリサイズすると分かります。実際には3段階になっていて、PC>タブレット>スマートフォンの順に小さくなります。画面上部にあるアイコンをクリックする事でもサイズの遷移を確認する事ができます。レスポンシブ対応のできたサイト内で使うのにイイっすね。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください