<div id="page-transition"></div>

<article>
  <h1>Hello there !</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce consequat faucibus ligula at pretium. Duis eget mauris id dui auctor maximus. Suspendisse cursus luctus velit in egestas. Curabitur ac orci congue, convallis ex ut, dictum neque. Aliquam eu odio tempor leo eleifend auctor in venenatis neque. Sed euismod quam non mauris mollis porta. Fusce sed nibh neque. Nullam euismod mollis quam, blandit aliquet neque sagittis vitae. Nunc vitae sapien nec eros elementum volutpat eget ac nisl. Sed nec est vel odio porta fringilla.</p>

  <p>Suspendisse porttitor nisi faucibus consequat rhoncus. Praesent tincidunt mi vel magna ultrices lobortis. Fusce ut vulputate odio, id mollis nisi. Quisque malesuada massa diam, eu vestibulum quam vestibulum non. Curabitur tempus felis quis mauris pretium efficitur. Aenean dignissim gravida urna et vulputate. Donec lectus mauris, mollis eget risus quis, ultricies consequat nibh. Pellentesque pulvinar, magna non vehicula porttitor, orci dui aliquam risus, sed vestibulum elit leo nec enim. Integer congue volutpat posuere. Suspendisse cursus urna sit amet nisl dignissim tincidunt ut bibendum eros. Morbi euismod commodo purus, vitae pretium diam. In fringilla tincidunt bibendum. Nullam aliquam commodo urna a ullamcorper.</p>

  <p>Proin a lorem urna. Nunc dapibus leo in diam lacinia mattis. Vivamus ut placerat enim, nec sagittis ipsum. Mauris nec nibh ut ipsum fringilla pharetra. Praesent enim velit, viverra ut nisl vitae, vehicula egestas elit. Suspendisse efficitur, purus et fringilla bibendum, turpis ligula gravida risus, nec tristique erat risus in magna. Donec auctor libero sed dolor dictum, vel congue mi volutpat. Nulla rutrum, diam id efficitur tristique, felis tellus porttitor velit, vel tempus augue ex sit amet arcu. Proin vehicula dapibus dui, quis accumsan nunc ullamcorper vel. Mauris accumsan, tortor mattis efficitur porttitor, nibh felis consectetur dui, eget accumsan magna ipsum vel est. Phasellus vehicula imperdiet turpis, a volutpat tortor iaculis eget. Praesent quam quam, dictum quis porta ac, finibus non purus. Sed eu nulla a turpis lacinia varius.</p>
</article>

body {
  animation: grow 1s;
}

@keyframes grow {
	  0% { transform: scale(.2); }
	100% { transform: scale(1); }
}

/* Article styles, just for the demo, don't have anything to do with the transition */
body { background-color: rgba(0,0,0,.1); }
article { max-width: 42rem; padding: 1rem; margin: auto; font-size: 21px; line-height: 1.5; }