疊加其他內容的核心技術。
如要進一步瞭解這項技巧及其有效性,請參閱全文
完整文章 · YouTube 影片 · 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%);
}