CSS: pura animazione scroll CSS

Ho cercato un modo per scorrere verso il basso quando si fa clic su un pulsante che si trova in cima a una pagina utilizzando solo CSS3.

Quindi ho trovato questo tutorial: http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/

Demo: http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/

Ma è un po ‘troppo avanzato per le mie esigenze dato che voglio solo che il browser scorra verso il basso con un clic su un pulsante situato in cima alla pagina, quindi mi chiedevo: è ansible fare quei scroll CSS senza i pulsanti di input, solo con un tag di ancoraggio?

L’aspetto HTML è il seguente: Learn more

    Ho già alcuni CSS che devo triggersre al clic del pulsante:

     /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }