Exactly what it sounds like. A CSS template that can be copied over to an OBS browser source with stylish animations and works right out-of-the-box.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet" href="template.css">
|
|
|
|
|
</head>
|
|
|
|
|
<div id="output">
|
|
|
|
|
<p class="slideInText" id="slideInText">
|
|
|
|
|
<img src="broadcaster.png"/>Test 1<br>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
const box = document.getElementById("output")
|
|
|
|
|
var msgnumb=2;
|
|
|
|
|
setInterval(()=>{
|
|
|
|
|
if (Math.random()<=0.5) {
|
|
|
|
|
const l = document.createElement("p");
|
|
|
|
|
l.innerHTML="<img src=\"broadcaster.png\"/>Test Message "+(msgnumb++)
|
|
|
|
|
l.className="slideInText"
|
|
|
|
|
box.appendChild(l)
|
|
|
|
|
}
|
|
|
|
|
},2000)
|
|
|
|
|
</script>
|
