<center>
<div id="logo">
<h1>
<a class="" href="https://bytescout.com/">
<h3 style="font-family: Impact;"><font color="gray">SEVERLESS </font>JAVASCRIPT PLAYGROUND</h3>
</a>
</h1>
</div>
</center>
<!-- based on https://stackoverflow.com/questions/32638465/how-to-scroll-text-smoothly-using-html5 -->
<center>
<div>
<button id="mybtn">click me </button>
</div>
</center>
<center>
<div>Welcome! The content of this playground is stored in your browser's local storage only. </div></center>
<div id="marquee">
<div id="text">Welcome to the javascript playground.
xxxxxxxxxx
a {
color: #7c943b;
text-decoration: none;
}
* {
margin:0;
padding:0;
border:0;
}
@keyframes slide {
from { left: 100%;}
to { left: -100%;}
}
@-webkit-keyframes slide {
from { left: 100%;}
to { left: -100%;}
}
#marquee {
color:#7c943b;;
$("#mybtn").click(function(){
$("#logo").toggle();
});