今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、 11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]⁠。

CSSにおいて、要素の位置や大きさ、角度、傾きなどを制御するプロパティといえば、真っ先に思い浮かぶのが transform です。その中でも、特に「位置の変更」に使われる translate との関係は密接であり、混同されやすい部分でもあります。 本記事では ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

transform: translateY(-50%);であれば縦方向に移動します。 もし position: relative; を指定して position: absolute; を縦横で移動させたい場合は「transform: translate;」を使います。 もし、XとY別々に記述すると、後のステートメントが前のステートメントを上書きしてしまう ...

Note: This was previously introduced last year, given the noise and confusion generated, I am opening a new issue to hopefully explain and answer questions more directly (you don't need the background ...

It would appear that there is some real disagreement about text-transform and a gap of understanding between spec authors and implementation realities that I was not previously aware of (the gap, not ...