CSSアニメーションで要素が一瞬伸縮したりちらつく場合の対処法 | TechMemo
transitionやtransformでCSSアニメーションを要素にかけた時に、要素の幅が一瞬だけ伸縮してしまったり、ちらついてしまう場合があります。私もよく以下のようなCSSを指定することがあるのですが、アニメーション時に画像が一瞬だけ伸縮してしまうことがあります。 a img{ transition:all .3s ease-in-out; } a:hover img{ opacity:0.8; } このような現象を対処するための方法をご紹介したいと思います。 CSSアニメーションで要素が一瞬伸縮したりちらついたりする場合の対処法 要素が伸縮したりちらついてしまう現象が発生する場合は、アニメーションを指定している要素に対して、以下のCSSを追加します。 a img{ -webkit-backface-visibility:hidden; backface-visibility:hid
ブラウザ上でPSDファイルを開いて編集までできちゃう「Photopea」 | TechMemo
Photopeaは、ブラウザ上でPSDファイルが開けて、編集までできちゃうWEBサービスです。 Photoshopがインストールされていない環境で、PSDファイルの内容を確認したい時や編集したい時に役立ちます。 Photopeaの使い方 Photopeaにアクセスし、[File] – [Open]からPSDファイルを選択して開きます。 矢印は移動ツール、点線の四角は選択ツールといったように、Photoshopと同じ要領で編集できます。アイコンはPhotoshopとほぼ同じなので、直感的に使えると思います。 あとがき 完全にPhotoshopと同じ機能が使えるわけではありませんが、必要最小限の機能は揃っているので、外出先などで軽く編集したい時に重宝しそうです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
