忍者ブログ
26 November

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

27 November

擬似要素:before　:after　でcontent:url(~~~.jpg);を指定したときの画像サイズ変更方法

http://tenman.info/labo/css/?p=401

transformで
1
2
3
4
5
6
.***:before{
    content: url('images/***.png');
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);

}


もともと指定してたpositionがずれたので、再設定必須です。
スマホは2倍サイズで作らないと画像がぼやける
アイコンもそう
擬似要素を良く使うので、画像サイズを指定できないのは困って探した
色々と発想の転換ですね
PR