画像編集

CSS

[CSS]サイズが違う画像を並べ、縦横比を変えずに高さを合わせる[レスポンシブ]

サイズが違う画像を並べた時に、レスポンシブ対応で縦横比をそのままに、高さを合わせる方法に地味に躓いてしまった。いろいろ試してみた結果、不完全ながらシンプルにできる方法がありました。 サンプル .flex { widt...
自作ツール

WEBツール「まとめて一括トリミング」を作った

画像のトリミングができるツールはありましたが、一括で出来るツールが欲しかったので自分で作ってみました!複数の画像をまとめて指定した縦横比に一括でトリミングすることができます。 こんな感じで画像をまとめて選択して…...
CSS

[CSS]画像のグラデーション処理は擬似要素でサクッと表現する

画像の上からグラデーションを被せる場合、画像で書き出すよりもCSSで表現した方が後々調整等も楽になります。 デモ .gradation{ position: relative; } .grada...
タイトルとURLをコピーしました