deepcrayon
/
scrolltron
1
0
Fork 0
Code Releases Activity

no need to export function. Ticker offset

main
Jeff Moe 2022-12-25 08:40:35 -07:00
parent c03770a4f1
commit 7a545b3a72
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/+page.svelte
View File

@ -2,7 +2,7 @@
import Ticker from 'svelte-ticker'; import Ticker from 'svelte-ticker';
import {HsvPicker} from 'svelte-color-picker'; import {HsvPicker} from 'svelte-color-picker';
export function colorCallback(rgba) { function colorCallback(rgba) {
let r = rgba.detail.r; let r = rgba.detail.r;
let g = rgba.detail.g; let g = rgba.detail.g;
let b = rgba.detail.b; let b = rgba.detail.b;
@ -11,6 +11,7 @@ export function colorCallback(rgba) {
let horizontal = document.querySelector(".horizontal"); let horizontal = document.querySelector(".horizontal");
horizontal.style.color = `rgb(${r},${g},${b})`; horizontal.style.color = `rgb(${r},${g},${b})`;
} }
</script> </script>
<div class="main"> <div class="main">
@ -23,7 +24,8 @@ export function colorCallback(rgba) {
</div> </div>
<p></p> <p></p>
<div class="horizontal"> <div class="horizontal">
<Ticker pausing=false duration=60 delay=-3> <!-- delay affects text starting point offset-->
<Ticker pausing=false duration=60 delay=-5>
foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo foooo barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr barrrr
</Ticker> </Ticker>
</div> </div>