エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
cssで下線アニメ―ション時、IEで下線が親要素をはみ出す - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
cssで下線アニメ―ション時、IEで下線が親要素をはみ出す - Qiita
要素にマウスオーバーした際に、下線がビョ~ンてなるアニメーションを、センターから広がるように実装... 要素にマウスオーバーした際に、下線がビョ~ンてなるアニメーションを、センターから広がるように実装してたのだけど、 IEの時にアニメーション中に 下線が親要素を突き抜けてから親要素の100%幅に収まる、 という謎挙動をしてしまった 問題のおきたコード a{ display:inline-block; position:relative; height:50px; &:after{ content: ""; width: 0; /* 初めはゼロ */ height: 2px; /*2pxの高さの*/ background-color: #f00; /*赤背景*/ position: absolute; bottom: -2px; left: 50%; /*relative要素を起点に左に50%*/ transition: .3s; transform: translate(-50%, 0);