cara simple membuat popup di tengah screen dengan css

cara simple membuat popup di tengah screen dengan css

Table of Contents

cara simple membuat popup di tengah screen dengan css

ini dia kode css untuk membuat center popup dengan cara simple hanya dengan kode css saja

 
  .popup {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50%;
    }
 

pada kode di atas kita membuat posisi nya bukan absolute tetapi fixed. kemudian kita buat top dan left nya 50%. setelah itu kita buat content nya ke transform top -50% dan left -50%, jadi dia akan tetap di tengah berapapun panjang content nya.

cukup simple kan selamat mencoba

link lain bisa di lihat di mari

Leave a Reply

Your email address will not be published. Required fields are marked *