Ton abspielen, wenn opacity= 1
Hallo,
ich habe eine Liste auf meiner Homepage und hinter jedem Listeneintrag erscheint nach und nach ein Häkchen. Nun möchte ich jedes Mal, wenn ein Häkchen angezeigt wird, einen kurzen Ton abspielen. Aber leider habe ich keine Ahnung wie ich das machen könnte.. Kann CSS3 das machen? Oder verwende ich JS? Es sollte aber keine „onClick“- oder „onHover“-Funktion sein, da der Sound ja immer dann abgespielt werden soll wenn der Haken dargestellt wurde, d.h. opacity = 1
Der hier verwendete Code
<!DOCTYPE html>
<html lang="de">
<head>
<style>
#Body {
background: #f6f8f9;
background: linear-gradient(45deg, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
}
.hook {
padding-left: 0px;
}
.showhook1 {
animation-fill-mode: forwards;
animation: showhooks 1s linear;
}
.showhook2 {
animation-fill-mode: forwards;
animation: showhooks 1.33s linear ;
}
.showhook3 {
animation-fill-mode: forwards;
animation: showhooks 1.66s linear ;
}
.showhook4 {
animation-fill-mode: forwards;
animation: showhooks 2s linear ;
}
.showhook5 {
animation-fill-mode: forwards;
animation: showhooks 2.33s linear ;
}
.showhook6 {
animation-fill-mode: forwards;
animation: showhooks 2.66s linear ;
}
.showhook7 {