h's blog

備忘録とか勉強とか

css

translateXを使ったときに、IEで表示すると水平スクロールバーが表示されてしまう問題への対処法

画像とテキストを重ねて中央寄せするときなどに、translateXが便利でよく使っているのですが、IEだと水平スクロールバーが表示されてしまう事があります。 以下のサンプル(もしくはこのページ)をIEで表示するとサンプルデモの結果表示の下部に水平スクロール…

矩形、正方形、円形に画像を切り取って表示するmixin (レスポンシブ対応)

毎回、切り取り画像をcssで記述するのがめんどうなので、mixin化しました。 コードは以下の通り。