<style> #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #FF0000; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 999; left: 25%; top: 90px; font-size: 17px; } #snackbar.show { visibility: visible; -webkit-animation: fadeIn 0.7s, fadeOut 0.7s 9.5s; animation: fadeIn 0.7s, fadeOut 0.7s 9.5s; } @-webkit-keyframes fadeIn { from {top: 0; opacity: 0;} to {top: 90px; opacity: 1;} } @keyframes fadeIn { from {top: 0; opacity: 0;} to {top: 90px; opacity: 1;} } @-webkit-keyframes fadeOut { from {top: 90px; opacity: 1;} to {top: 0; opacity: 0;} } @keyframes fadeOut { from {top: 90px; opacity: 1;} to {top: 0; opacity: 0;} } </style> <body onload="myFunction()"> <div id="snackbar">Al momento offriamo solo spedizioni a indirizzi o rivenditori situati in Francia e Germania. Presto saranno disponibili altri paesi europei.</div> <script> function myFunction() { var x = document.getElementById("snackbar"); x.className = "show"; setTimeout(function(){ x.className = x.className.replace("show", ""); }, 10000); } </script>

Approfondimenti sul Tour

Riders’ Digest Episodio 4 ora disponibile