CSSで背景画像のpositoinを要素の中央から何pxか引いた、もしくは足した数にする方法。
calcを用いて計算させる。
.from-center { background-image: url('nandemo.png'); background-repeat: no-repeat; background-position: calc(50% - 120px) 0; }
こんな感じ。上の例だと中央から120px離してる。
CSSで背景画像のpositoinを要素の中央から何pxか引いた、もしくは足した数にする方法。
calcを用いて計算させる。
.from-center { background-image: url('nandemo.png'); background-repeat: no-repeat; background-position: calc(50% - 120px) 0; }
こんな感じ。上の例だと中央から120px離してる。