問題タブ [react-icons]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
76 問題
0
投票する
2
に答える
11519
参照
javascript - React-Icon Library を使用してアイコンにカーソルを合わせたときにテキストを表示する
マウスの上にカーソルを置いたときにテキストを表示しようとしています。私はReact-Iconsライブラリを使用しており、Styled-Componentsを使用してスタイリングしています
ナビゲーションバーに 4 つのアイコンがあります - ホーム - 概要 - スキル - 仕事
各ボタンは、ホバーが適切に機能するための独自のコンポーネントであるため、1 つのアイコンにカーソルを合わせると、すべてのアイコンのテキストが表示されません。
そして、スタイリングのために私は持っています
私はホバー効果を達成しますが、アイコンを常にホバーするとロジックがめちゃくちゃになるように見えます。その後、テキストのみが表示され、テキストの上にホバーするとアイコンが表示されます...これは望ましい効果ではありません