Live
<body> <section class="one"> <h1 class="im">정예지</h1> </section> <section class="two"> <h1 class="so">짱이야</h1> </section> <section class="three"> <h1 class="cute">이렇게 멋질수가...?</h1> </section></body>
Live
x
* { margin: 0;}section { height: 100vh; font-size: 12px;}.im, .so, .cute { font-size: 36px; text-align: center; color: white; position: sticky; top: 60px;}.one { background-color: orangered;}.two { background-color: salmon;}.three { background-color: yellowgreen;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.