基于html5和css3响应式全屏滚动页面切换效果_html/css_WEB-ITnose

<div class="st-container">                <input type="radio" name="radio-set" checked="checked" id="st-control-1"/>    <a href="#st-panel-1">Serendipity</a>        <input type="radio" name="radio-set" id="st-control-2"/>    <a href="#st-panel-2">Happiness</a>        <input type="radio" name="radio-set" id="st-control-3"/>    <a href="#st-panel-3">Tranquillity</a>        <input type="radio" name="radio-set" id="st-control-4"/>    <a href="#st-panel-4">Positivity</a>        <input type="radio" name="radio-set" id="st-control-5"/>    <a href="#st-panel-5">Passion</a>        <div class="st-scroll">        <section class="st-panel" id="st-panel-1">            <div class="st-deco" data-icon="H"></div>            <h2>Serendipity</h2>            <p>Banksy adipisicing eiusmod banh mi sed...</p>        </section>                <section class="st-panel st-color" id="st-panel-2">            <!-- ... -->        </section>                <!-- ... st-panel-3, st-panel-4, st-panel-5 -->    </div><!-- // st-scroll -->    </div><!-- // st-container -->