Logsuke

  • Web
  • App
  • Fun
  • Tool
twitter instagram
theme_icon
デザイン | logsuke

3列から1列3行のレイアウト

3列2行から2列3行のレイアウト

画面サイズに収まるように折り返すレイアウト

グリッドレイアウト

段組みレイアウト

sticky レイアウト


項目が右寄り

項目が中央寄り

ロゴを中央に配置

背景にオーバーレイ

左から出現

上から出現

下から出現

中央から出現

上から下へ表示

右から左へ表示

下から上へ表示

左から右へ表示

中央から表示

一階層ドロップダウン(ボタン)

一階層ドロップダウン(ホバー)

多階層ドロップダウン

サイドに固定

多階層ドロップダウン(レスポンシブ)

ナビメニューインジケーター

途中でナビの高さが半分

画面上部にスクロールするボタン

ダークモードとライトモード


アコーディオン(縦・複数開閉)

アコーディオン(縦・単数開閉)

アコーディオン(横)

アコーディオン(JavaScript使用)

タブ(縦)

タブ(横)

タブ(JavaScript使用)

アラート

マップ

ツールチップ

トースト

モーダルウィンドウ(画像)

モーダルウィンドウ(テキスト・ボタン)

スライダー(ナビゲーション・ページネーション)

スライダー(レスポンシブ)

スライダー(ギャラリー)

スライダー(ギャラリー2段)


装飾(ヘッダーデザイン)

ホバーエフェクト

ローディング(左から幕が開く)

ローディング(中央から幕が開く)

ローディング(中央に円形で閉じる)

スクロールテキスト

スクロールテキスト(途中で色が変化する)

背景に画像を使用する

アニメーション

Logsuke

  • Privacy Policy
  • Contact
  • 🎣 今日の釣り

Category

  • App64
    • AffinityPhoto18
    • DaVinciResolve27
    • Figma5
    • mac1
    • VSCode9
  • Tool3
    • Web-Tool3
  • Web82
    • WEB デザイン26
      • Css7
      • HTML14
      • tutorial1
    • プログラミング54
      • JavaScript5
      • jQuery2
      • Laravel22
      • leaflet11
      • MySQL1
      • PHP1
      • React10
      • WordPress4

Follow me

twitter instagram

Copyright ©2023 All rights reserved | Logsuke