no need to export function. Ticker offset
parent
c03770a4f1
commit
7a545b3a72
|
@ -2,7 +2,7 @@
|
|||
import Ticker from 'svelte-ticker';
|
||||
import {HsvPicker} from 'svelte-color-picker';
|
||||
|
||||
export function colorCallback(rgba) {
|
||||
function colorCallback(rgba) {
|
||||
let r = rgba.detail.r;
|
||||
let g = rgba.detail.g;
|
||||
let b = rgba.detail.b;
|
||||
|
@ -11,6 +11,7 @@ export function colorCallback(rgba) {
|
|||
let horizontal = document.querySelector(".horizontal");
|
||||
horizontal.style.color = `rgb(${r},${g},${b})`;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<div class="main">
|
||||
|
@ -23,7 +24,8 @@ export function colorCallback(rgba) {
|
|||
</div>
|
||||
<p></p>
|
||||
<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
|
||||
</Ticker>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue