125naroom
© 2025 125naroom
See the Pen ラインの下に三角をつくる by 125naroom (@125naroom) on CodePen.
デザコト
あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。
5
/
17
2025
SPONSORED LINK
広告
google
カテゴリー
人気記事
関連記事
10
27
2020
【CSS】tableをレスポンシブ対応する、2列を1列に切り替える
tableを1列にレスポンシブしたいんですけどー CSSだけで簡単にできますよー 2列を1列に切り替える ブレイクポイントの設定 601px以上は2列。600px以下は1列。 See the Pen 【CSS】table
CSS
デザインのメモ
4
13
2021
【CSS】Flexbox、flex-direction: column;とflex-grow: 1;を使ってボタンの位置を合わせる
ボタンの位置を揃えたいですー flex-directionとflex-growの組み合わせで揃いますよー 実装してみる 「詳しくはこちら」のボタンの位置を同じにしてみます。これ、なにげに難しいです。 ポイントは flex
CSSflexbox
2018
【CSS】タブレット、スマホ表示の時は:hoverを不要にする
あ、:hoverが残ってる。そんなときの記述。問題点は、iPad Proのような大きなタブレットは悩むところだったりしますが。 CSS サンプル iPad Pro横向きサイズの「1367px」以上を指定。PCの画面を縮め
Googleさんのおすすめ
2024.3.1
【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
ん、ハンバーガー? 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。
2024.7.11
【jQuery】スライダープラグイン「slick」実装サンプル集
slick(スリック)の使い方をまとめてくださいー わかりましたー よく見かけるスライダー(自動再生) See the Pen 【jQuery】スライダープラグイン「slick」よく見かけるスライダー(自動再生) by
jQueryslick
2024.2.2
【jQuery】アコーディオン実装サンプル10選
jQueryのアコーディオン実装サンプルを作りました。サイト制作でよく使うものをまとめました。 いろいろありますねー いろいろあるのでまとめましたー アコーディオン、シンプル版 See the Pen アコーディオン、シ
jQuery
デザインの記事