Skip to content

Commit 3a117c7

Browse files
Merge pull request Nivedita-coder#52 from johnquintero/main
Example javascript drums kit
2 parents f9112ef + b72ae2f commit 3a117c7

12 files changed

Lines changed: 79 additions & 0 deletions

File tree

‎Js_Drums_kit/Sounds/boom.wav‎

130 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/clap.wav‎

63.4 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/hihat.wav‎

50.9 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/kick.wav‎

15.2 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/openhat.wav‎

238 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/ride.wav‎

429 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/snare.wav‎

32.6 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/tink.wav‎

5.32 KB
Binary file not shown.

‎Js_Drums_kit/Sounds/tom.wav‎

105 KB
Binary file not shown.

‎Js_Drums_kit/drums.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
body {
2+
background-color: black;
3+
color: whitesmoke;
4+
margin: o auto;
5+
border: 2px solid red;
6+
height: 98vh;
7+
}
8+
9+
.container {
10+
background-color: yellowgreen;
11+
height: 500px;
12+
display: flex;
13+
flex-wrap: nowrap;
14+
justify-content: space-evenly;
15+
align-items: center;
16+
17+
18+
}
19+
20+
.item {
21+
background-color: blueviolet;
22+
width: 50px;
23+
font-size: 2rem;
24+
text-align: center;
25+
line-height: 75px;
26+
border: 2px solid orangered;
27+
transition: width 300ms, line-height 300ms;
28+
}
29+
30+
.press {
31+
background-color: darkcyan;
32+
width:60px;
33+
line-height: 85px;
34+
}

0 commit comments

Comments
 (0)