deepcrayon
/
scrolltron
1
0
Fork 0
Code Releases Activity

Update color of text realtime. Commit with codium.

main
Jeff Moe 2022-12-24 15:35:03 -07:00
parent 5e921240ff
commit c03770a4f1
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/+page.svelte
View File

@ -2,11 +2,14 @@
import Ticker from 'svelte-ticker';
import {HsvPicker} from 'svelte-color-picker';
function colorCallback(rgba) {
export function colorCallback(rgba) {
let r = rgba.detail.r;
let g = rgba.detail.g;
let b = rgba.detail.b;
let a = rgba.detail.a;
let horizontal = document.querySelector(".horizontal");
horizontal.style.color = `rgb(${r},${g},${b})`;
}
</script>
@ -20,15 +23,13 @@ function colorCallback(rgba) {
</div>
<p></p>
<div class="horizontal">
<Ticker pausing=false duration=60>
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 pausing=false duration=60 delay=-3>
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>
</div>
<style>
h3 {
@ -42,7 +43,6 @@ function colorCallback(rgba) {
}
.horizontal{
padding:516px;
color: rgb(113, 131, 33);
font-family: Verdana, sans-serif;
font-weight: 600;
font-size: 2.75em;