【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.
ラインの下に三角を作りたいのですよー おー、擬似要素で作ると簡単ですよー つくる See the Pen ラインの下に三角をつくる by 125naroom (@125naroom) on CodePen. さいごに で
...
スマホでタップ! 色変わる! 実装サンプル a要素に『ontouchstart』を追記して『a:active』に色を指定します。 See the Pen 【CSS】スマホでリンクをタップした時に色を変える方法 by 12
...
画像の白背景をCSSで透過できたりしますかー? できますよー 『mix-blend-mode』を使うとこんな感じになります(実装サンプル) 白背景を透過させるなら「multiply」がいい感じです。画像と背景の色バランス
...
ん、ハンバーガー? 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。
...
あのー、水玉模様の背景をCSSで作りたいのですがー なるほどー、できますよー。工夫次第でいろんな背景が作れます。いろんなパターンまとめましたー 背景パターン / 方眼紙 ver.1 背景パターン / 方眼紙 ver.2
...
slick(スリック)の使い方をまとめてくださいー わかりましたー よく見かけるスライダー(自動再生) 2枚の画像を表示、1枚ずつスライド 3枚の画像を表示、3枚ずつスライド サムネイル付き 垂直スライドモード(縦方向に
...
つくっているサイトの新しい記事です。