Nhạc Pop và Plop

Kỹ thuật căn giữa để phủ lên nội dung khác.

Hãy xem bài viết đầy đủ để biết thêm thông tin chi tiết về kỹ thuật này và thời điểm kỹ thuật có hiệu quả.

Bài viết đầy đủ · Video trên YouTube · Nguồn trên 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%);
}