【CSS】transform(トランスフォーム)の基点(原点)
- 更新
- デザインのメモ

transform:rotateで少し回転(角度を変える)。
transform-originで基点をleft、topに指定。
基点は自由に変えることができる。
左下を基点にするなら、left、bottom。
サンプル
See the Pen transform(トランスフォーム)の基点(原点) by 125naroom (@125naroom) on CodePen.

transform:rotateで少し回転(角度を変える)。
transform-originで基点をleft、topに指定。
基点は自由に変えることができる。
左下を基点にするなら、left、bottom。
See the Pen transform(トランスフォーム)の基点(原点) by 125naroom (@125naroom) on CodePen.
なにかと使える sticky!(スティッキーと読みます) 実装サンプル、ヘッダー(ナビにも使える) See the Pen 【CSS】position: sticky; – ver.01 by 125naro
...
あ、:hoverが残ってる。そんなときの記述。問題点は、iPad Proのような大きなタブレットは悩むところだったりしますが。 CSS サンプル iPad Pro横向きサイズの「1367px」以上を指定。PCの画面を縮め
...
画像を使わずに、シマシマ模様を作ってみる。グラデーションを使うと簡単。いろいろな場面で使える。 サンプル 縦しましま(縦縞) See the Pen CSSだけで、しましま(縞模様)をつくる、縦しましま(縦縞) by 1
...
ん、ハンバーガー? 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。
...
あのー、水玉模様の背景をCSSで作りたいのですがー なるほどー、できますよー。工夫次第でいろんな背景が作れます。いろんなパターンまとめましたー 背景パターン / 方眼紙 ver.1 背景パターン / 方眼紙 ver.2
...
slick(スリック)の使い方をまとめてくださいー わかりましたー よく見かけるスライダー(自動再生) 2枚の画像を表示、1枚ずつスライド 3枚の画像を表示、3枚ずつスライド サムネイル付き 垂直スライドモード(縦方向に
...
つくっているサイトの新しい記事です。