dan/arcade-machine
1
0
Fork 0
mirror of https://github.com/danbulant/arcade-machine synced 2026-07-06 19:40:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added animated blur to image

Browse source
This commit is contained in:
Vaclav Siml 2023-02-25 18:53:24 +01:00
parent 14acb614c0
commit 093e91fc15
4 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
ui/Audio/audiostart4.mp3 Normal file
View file

Binary file not shown.

BIN
ui/Audio/switchfocus.mp3
View file

Binary file not shown.

2
ui/index.html
View file

@ -72,7 +72,7 @@
//SFX Audio Sources //SFX Audio Sources
var i = 0; var i = 0;
const switchfocus = new Audio("Audio/switchfocus.mp3"); const switchfocus = new Audio("Audio/switchfocus.mp3");
const startaudio = new Audio("Audio/audiostart.mp3") const startaudio = new Audio("Audio/audiostart4.mp3")
/* Handles interaction with bindable buttons and focus*/ /* Handles interaction with bindable buttons and focus*/
document.addEventListener("keydown", function (KeypressD) { document.addEventListener("keydown", function (KeypressD) {
if (KeypressD.code === KeyRight) { if (KeypressD.code === KeyRight) {

4
ui/style.css
View file

@ -99,12 +99,14 @@ body {
} }
.move:focus img { .move:focus img {
transition: opacity 0.6s; transition: opacity 0.6s, filter 1s;
opacity: 0.68; opacity: 0.68;
filter: blur(2.2px);
} }
.move img { .move img {
opacity: 1; opacity: 1;
filter: blur(0);
} }
.hlavnidiv { .hlavnidiv {