Pop ve Plop

Başka içerikleri üst üste yerleştirmek için kullanılan bir merkezleme tekniği.

Bu teknik ve ne zaman etkili olduğu hakkında çok daha fazla ayrıntı için makalenin tamamını okuyun.

Makalenin tamamı · Video YouTube'da · Kaynak GitHub

HTML

<article>
  <h1 class="pop-n-plop">Pop n' Plop</h1>
</article>

CSS


        article {
  position: relative;
}

.pop-n-plop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}