CSS3 Radial Gradient を自分の望み通りのサイズや開始位置で配置するための方法いくつか (2)CSS3 Radial Gradient を自分の望み通りのサイズや開始位置で配置するための方法いくつか (2) 公開日: 2011年4月16日 タグ: css, css3, memo, tips という訳で、前回は #wrapper が幅固定だったので、ウィンドウ幅を変えてもセンターからの距離が不変であるため単純にオフセット分移動すれば任意の位置に配置出来たのですが、今回は可変幅で同じ事が出来ないか？という話。 前回同様に基準となるサンプルを置いておきますが、前回との違いは #wrapper が width: 80% であるという部分。なのでウィンドウ幅を変更すれば中央からのピクセルオフセットも右端からのピクセルオフセットも変化しますし、また、 パーセント値で指定する場合、ボックスの左上端からの位置と画像の左上端からの位置を合わせます。たとえば、”0% 0%” の指定ではボックスの左上に
