A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. In this tutorial we will create a responsive 100% width/height layout with some smooth page transitions. The idea is to have some content panels and a na
![CSS-Only Responsive Layout with Smooth Transitions | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/6db73c77d809da954c591d95808d3668a5e6aad4/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2012%2F06%2FSmoothTransitions.jpg%3Fx82873)