2018年7月18日水曜日

【CSS】疑似要素の画像サイズを変更する方法

【CSS】疑似要素の画像サイズを変更する方法
https://saruwakakun.com/html-css/reference/change-before-after

.example:before {    content: url(../img/face.png);    display: inline-block;    width: 5px;    height: 5px;  }

↓ 上記だと画像の元サイズそのままで表示されてしまうので、以下のようにする。

.example:before {    content: '';/*何も入れない*/    display: inline-block;/*忘れずに!*/    width: 50px;/*画像の幅*/    height: 50px;/*画像の高さ*/    background-image: url(../img/face.png);    background-size: contain;    vertical-align: middle;  }





inkscapeで画像のサイズにページサイズを合わせる方法

ファイル > ドキュメントのプロパティの、「ページサイズを秒が全体または選択オブジェクトに合わせる」でページサイズをオブジェクトに合わせます。



0 件のコメント:

コメントを投稿