4つの列、ホバー上のフルスクリーンオーバーレイ？

Question

ビュー全体を分割する4つの列がある状況を作成しようとしています。列を上に置いたときに発生するホバー効果を実装したいと思います。

私は各列の背景がわずかにスケールアップされますが、割り当てられた25％（幅）と100％（高さ）の領域内のみですが、その列に関連する1ワードが画面全体に例えば90％の幅と半透明のオーバーレイカラーである。これは、バックグラウンドが制限されている25％、100％ルールの影響を受けない必要があります。

私は試してみましたが、私の人生のためにそれを理解することはできません。

Answer 1

私はコードを書くつもりはありませんが、JavaScriptを使用することをお勧めします。

絶対に配置され、関連する列にカーソルを置いた後に表示される非表示の要素（説明されたプロパティで中央揃えのテキスト用）を持つことができます。このため、JavaScriptを使用して、各列にイベントリスナーを配置し、マウスオーバー時に関連する中心のテキストを表示する必要があります。