sp-supermarquee
Version:
Super smooth marquee library for your applications.
32 lines (25 loc) • 988 B
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testbed</title>
<style>
.myScroller {
background-color: red;
color: white;
}
</style>
</head>
<body>
<super-marquee content="Hello World..."
perspective='{"z":"0","originX":"50","originY":"50","rotateX":"39","rotateY":"0","rotateZ":"0"}'
fader='{"left":{"size":"35","colorFrom":"rgba( 255, 255, 255, 1 )","colorTo":"rgba( 255, 255, 255, 0 )"},"right":{"size":"0","colorFrom":"rgba( 255, 255, 255, 1 )","colorTo":"rgba( 255, 255, 255, 0 )"},"top":{"size":"0","colorFrom":"rgba( 255, 255, 255, 1 )","colorTo":"rgba( 255, 255, 255, 0 )"},"bottom":{"size":"0","colorTo":"rgba( 255, 255, 255, 1 )","colorFrom":"rgba( 255, 255, 255, 0 )"}}'
></super-marquee>
<script type="module">
import "./../src/wrapper/SuperMarqueeWC.js";
window.onload = function()
{
};
</script>
</body>
</html>