【STUDIO Tips】Hoverで可能なエフェクト

ホバーは、ユーザーが要素の上にカーソルを移動したときに、その要素に適用される効果です。ボタンやリンクをクリック可能に見せるためによく使われます。

今回はホバー機能を使って、以下のように、カーソルを画像に合わせると場所を黒いパネルが現れ、画像も少し縮小する動きのあるエフェクトのつけ方を解説します。

【実装方法】1.親ボックスを作成し、その中に画像を入れます。
＊横600px縦800pxにしていま