WEB

WEB
  • 2020.01.28

5秒で解決!イラストレーターでアセット書き出しすると線が入る原因

イラストレーター(Illustrator)でアセットの書き出しから画像を書き出した際に1pxズレていたり線が入ってしまうというような経験はありませんか? 結論から話すとこれらの原因は、座標の小数点です。変形パネルやコントロールバーに表示されているX,Y軸の座標が小数になっていないか確認しましょう。 262.325など小数点を含んでいる場合は、262など整数に […]

WEB illutratorの変形パネル
  • 2019.04.09

illustratorでアセット書き出しした際に余白・線が入る原因

アセットの書き出しトラブルについて illustrator(イラストレーター)では、クリッピングマスクを使用した画像をアセット書き出しした際に余白ができてしまう問題があります。 今回は、その対処法はではなく、小数点問題によるアセット書き出し時の余白・線が入る問題の解決方法をご紹介します。 では、早速ですが結論を申し上げます。 座標・幅・高さの小数点をやめまし […]

WEB illustratorのアセット書き出し余白問題
  • 2019.03.22

illustratorのクリッピングマスクのアセット書き出しで余白ができる問題が(CC2019)で解決?

クリッピングマスクのアセット書き出しの余白問題について illustrator(イラストレーター)でクリッピングマスクを使用した画像をアセット書き出しした際に余白ができる問題が(CC2019).jpgのみ修正されている模様。なお、.pngにおいては変わらず余白が書き出されるため回避策が必要です。 .jpgでは解決も.pngでは解決せず 下記は、イラストレータ […]

WEB CSSでボーダーグラデーション
  • 2019.03.03

CSSでグラデーションのボーダーを実装する方法

現在、CSSのborderプロパティでグラデーションは実現する方法はありません。ですので、今回は擬似的にグラデーションのborderを表現していきます。 方法1 線形グラデーションの背景を持つラッパー要素を作成し、少し小さい内側の要素に背景を定義してくり抜くようにボーダーを実装します。 方法2 擬似要素[:befor][:after]に高さ指定をして表現する […]