Added animated blur to image

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

BIN
ui/Audio/audiostart4.mp3 Normal file

Binary file not shown.

Binary file not shown.

View file

@ -72,7 +72,7 @@
//SFX Audio Sources
var i = 0;
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*/
document.addEventListener("keydown", function (KeypressD) {
if (KeypressD.code === KeyRight) {

View file

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