div 上にマウスを移動すると、オーバーレイが左から右にスライドし、1 秒後にコンテンツが表示されるようにしたいと考えています。これは私の HTML コードです:

/* オーバーレイ */ 。かぶせる { 位置: 絶対; 下: 0; 左: 0; 右: 0; 背景色: rgba(255, 255, 255, 0.9); オーバーフロー: 非表示; 幅: 0; 高さ: 100%; トランジション: 0.5 秒の簡単さ。 } .dv-each:hover .overlay { /* 遷移遅延: 0.4 秒; */ トランジション: 0.5 秒のイーズインアウト。 幅: 100%; } .overlay-content { 位置: 絶対; トップ: 50%; 左: 50%。 -webkit-transform: 変換(-50%, -50%); -ms-transform: 変換(-50%, -50%); 変換: 変換(-50%, -50%); ホワイトスペース: ナラップ; }

   
 
 
 {{-- テキスト --}} 
 {{-- 
  
Xem thêm
  
 --}} 
 
  

画像の上にマウスを置くと、白い背景のスライドとその中のコンテンツが表示されます。表示を1秒遅らせたい。手伝ってもらえますか？ありがとう。