Creepso/miru
1
0
Fork 0
mirror of https://github.com/ThaUnknown/miru.git synced 2026-05-13 08:21:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: adjust animation timmings

Browse source
This commit is contained in:
ThaUnknown 2025-09-17 01:05:17 +02:00
parent 015676648b
commit 5f37eebf87
No known key found for this signature in database
4 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "ui", "name": "ui",
"version": "6.4.146", "version": "6.4.147",
"license": "BUSL-1.1", "license": "BUSL-1.1",
"private": true, "private": true,
"packageManager": "pnpm@9.15.5", "packageManager": "pnpm@9.15.5",

2
src/lib/modules/native.ts
View file

@ -13,7 +13,7 @@ const dummyFiles = [
type: 'video/webm', type: 'video/webm',
size: 1234567890, size: 1234567890,
path: '/Amebku.webm', path: '/Amebku.webm',
url: 'video.mkv', url: '/video.mkv',
id: 0 id: 0
} }
// { // {

18
src/routes/+page.svelte
View file

@ -59,11 +59,12 @@
0 0 0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 0 0 0
0 0 0 1 0' /> 0 0 0 1 0' />
<feOffset in='red_' dy='0' result='red'> <feOffset in='red_' dy='0' dx='4' result='red'>
<animate attributeName='dx' <animate attributeName='dx'
values='4;0' values='4; 0'
dur='0.1s' dur='0.1s'
begin='0s' /> fill='freeze'
begin='0.15s' />
</feOffset> </feOffset>
<feColorMatrix type='matrix' <feColorMatrix type='matrix'
in='SourceGraphic' in='SourceGraphic'
@ -72,11 +73,12 @@
0 3 0 0 0 0 3 0 0 0
0 0 10 0 0 0 0 10 0 0
0 0 0 1 0' /> 0 0 0 1 0' />
<feOffset in='blue_' dy='0' result='blue'> <feOffset in='blue_' dy='0' dx='-6' result='blue'>
<animate attributeName='dx' <animate attributeName='dx'
values='-6;0' values='-6; 0'
dur='0.1s' dur='0.1s'
begin='0s' /> fill='freeze'
begin='0.15s' />
</feOffset> </feOffset>
<feBlend mode='screen' in='red' in2='blue' /> <feBlend mode='screen' in='red' in2='blue' />
</filter> </filter>
@ -120,7 +122,7 @@
} }
.logo-container { .logo-container {
animation: logo-scale .2s ease-out .05s both; animation: logo-scale .2s ease-out .2s both;
} }
@keyframes logo-scale { @keyframes logo-scale {
@ -139,7 +141,7 @@
background: linear-gradient(to right, #fff, transparent); background: linear-gradient(to right, #fff, transparent);
opacity: calc(var(--dist-factor, 0) * var(--spotlight-opacity, 1)); opacity: calc(var(--dist-factor, 0) * var(--spotlight-opacity, 1));
transform: rotate(var(--to-angle)) perspective(calc(var(--to-size) * 2px)) rotateY(calc(var(--dist-factor) * -50deg - 20deg)); transform: rotate(var(--to-angle)) perspective(calc(var(--to-size) * 2px)) rotateY(calc(var(--dist-factor) * -50deg - 20deg));
animation: spotlight-properties .1s ease-out both, spotlight-fade .4s ease-out both; animation: spotlight-properties .1s ease-out .15s both, spotlight-fade .55s ease-out both;
} }
@keyframes spotlight-properties { @keyframes spotlight-properties {