A
@@ -57,7 +55,25 @@
+
diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css
index 3e0a320..18dc02b 100644
--- a/01 - JavaScript Drum Kit/style.css
+++ b/01 - JavaScript Drum Kit/style.css
@@ -1,6 +1,6 @@
html {
font-size: 10px;
- background:url(http://i.imgur.com/b9r5sEL.jpg) bottom center;
+ background:url(https://pic1.zhimg.com/v2-219110c3422601a48224ec65110e95c6_r.jpg?source=1def8aca) bottom center;
background-size: cover;
}
body,html {
@@ -26,7 +26,7 @@ body,html {
transition:all .07s;
width:100px;
text-align: center;
- color:white;
+ color:rgb(248, 243, 243);
background:rgba(0,0,0,0.4);
text-shadow:0 0 5px black;
}
@@ -43,6 +43,7 @@ kbd {
}
.sound {
+ display:block;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 1px;
diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html
index 2712384..e8abd74 100644
--- a/02 - JS + CSS Clock/index-START.html
+++ b/02 - JS + CSS Clock/index-START.html
@@ -18,7 +18,7 @@
+ .clock-face:after {
+ width: 1em;
+ height: 1em;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ /*组合技,先把元素左上角移动到中心(前两行),然后再把元素中心平移到该位置*/
+ position: absolute;
+ display: block;
+ content: '';
+ background-color: #a8c5d1;
+ border-radius: 50%;
+ box-shadow:
+ 0 0 0 2px rgba(0,0,0,0.1),
+ 0 0 10px rgba(0,0,0,0.2);
+
+ }
-
+