update: changed dither to use gif
This commit is contained in:
parent
418eaa55f1
commit
ddbbf8ed0d
|
@ -17,3 +17,7 @@
|
||||||
font-family: SF Mono, sans-serif;
|
font-family: SF Mono, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dither {
|
||||||
|
background-image: url('dither.gif');
|
||||||
|
background-repeat: repeat;
|
||||||
|
}
|
|
@ -22,12 +22,8 @@
|
||||||
<button class={container} on:click={filter}>{tagName}</button>
|
<button class={container} on:click={filter}>{tagName}</button>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
button:hover {
|
button:hover {
|
||||||
background-blend-mode: color dodge;
|
background-image: url('dither.gif');
|
||||||
animation: shake 0.4s infinite;
|
background-repeat: repeat;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -22,12 +22,8 @@
|
||||||
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
img:hover {
|
img:hover {
|
||||||
background-blend-mode: color dodge;
|
background-image: url('dither.gif');
|
||||||
animation: shake 0.4s infinite;
|
background-repeat: repeat;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -57,17 +57,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
select:hover {
|
select:hover {
|
||||||
background-blend-mode: color dodge;
|
background-image: url('dither.gif');
|
||||||
animation: shake 0.4s infinite;
|
background-repeat: repeat;
|
||||||
}
|
|
||||||
|
|
||||||
.dither {
|
|
||||||
background-blend-mode: color dodge;
|
|
||||||
animation: shake 0.4s infinite;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -8,12 +8,9 @@
|
||||||
<a href="/" class={title} on:click={reset}> Rating Room </a>
|
<a href="/" class={title} on:click={reset}> Rating Room </a>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
a:hover {
|
a:hover {
|
||||||
background-blend-mode: color dodge;
|
background-image: url('dither.gif');
|
||||||
animation: shake 0.4s infinite;
|
background-repeat: repeat;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -24,13 +24,3 @@
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
.dither {
|
|
||||||
background-blend-mode: color dodge;
|
|
||||||
animation: shake 0.4s infinite;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -22,12 +22,8 @@
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@keyframes shake {
|
|
||||||
from {background-image:url('dither.png')}
|
|
||||||
to {background-image:url('dither2.png')}
|
|
||||||
}
|
|
||||||
button:hover {
|
button:hover {
|
||||||
background-blend-mode: color dodge;
|
background-image: url('dither.gif');
|
||||||
animation: shake 0.4s infinite;
|
background-repeat: repeat;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
Before Width: | Height: | Size: 135 KiB |
Binary file not shown.
Before Width: | Height: | Size: 114 KiB |
Loading…
Reference in New Issue