-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
40 lines (26 loc) · 891 Bytes
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
let albumContainer = document.getElementById("container_Album")
let albumTag1 = document.getElementById("tag1")
let albumtag2 = document.getElementById("tag2")
let albumtag3 = document.getElementById("tag3")
let section3 =()=>{
albumContainer.addEventListener('mouseenter', function(){
albumContainer.classList.add('transitionElement')
albumContainer.style.backgroundColor = "white"
albumTag1.style.opacity = 1
albumtag2.style.opacity=1
albumtag3.style.opacity=1
albumTag1.style.color = "black"
albumtag2.style.color="black"
albumtag3.style.color= "black"
albumtag3.style.borderTop = "1px solid black"
albumtag3.style.marginLeft ="1rem"
albumtag3.style.marginRight ="1rem"
})
albumContainer.addEventListener('mouseleave', function(){
albumContainer.style.backgroundColor = "black"
albumTag1.style.opacity = 0
albumtag2.style.opacity=0
albumtag3.style.opacity=0
})
}
section3()