【悩んでいること】
CSSのtranslateXを使用して、写真が左からカーテンのように表示するアニメーションを作成しましたが、表示前に下に下線が出てしまいます。
macでは下線は表示されず、windowsだと出てきてしまうようです。
https://codepen.io/tomokot/pen/MWJbZOB
beforeのホワイトを下にずらせばいいのかと思っていますが、bottom:-1にするとうまく作動しないみたいです。
ご回答頂ければ幸いです。
読ませて頂いて、私もtransformかけてる画像が一瞬先に下線が表示される(winです)ので、ちょっと気になってたので、あれ、やっぱり他にもいるのかと思い、ググってこういうページを見つけました。
https://yumeirodesign.jp/blog/201312/csstransforms-fixed.html#section-4
自分でまだ試してないので関係あるかもわからないのですが、試してみる価値はあるのかもです。良ければ。
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
で下線が出ないようにできました。
ありがとうございました!
回答1件
あなたの回答
tips
プレビュー