Update index.html
Browse files- index.html +23 -12
index.html
CHANGED
@@ -250,20 +250,31 @@
|
|
250 |
}
|
251 |
|
252 |
/* Added styles for copy button animation */
|
253 |
-
.copy-btn
|
254 |
-
|
255 |
-
|
256 |
-
|
257 |
-
|
|
|
|
|
|
|
|
|
|
|
258 |
|
259 |
-
|
260 |
-
|
261 |
-
|
262 |
|
263 |
-
|
264 |
-
|
265 |
-
|
266 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
267 |
|
268 |
.stats-container {
|
269 |
color: #333; /* Darker text color */
|
|
|
250 |
}
|
251 |
|
252 |
/* Added styles for copy button animation */
|
253 |
+
.copy-btn {
|
254 |
+
position: absolute;
|
255 |
+
top: 10px;
|
256 |
+
right: 10px;
|
257 |
+
background: none;
|
258 |
+
border: none;
|
259 |
+
cursor: pointer;
|
260 |
+
outline: none;
|
261 |
+
color: #fff; /* Ganti warna teks */
|
262 |
+
}
|
263 |
|
264 |
+
.copy-btn:hover {
|
265 |
+
background-color: #007aff; /* Ganti warna latar belakang saat tombol dihover */
|
266 |
+
}
|
267 |
|
268 |
+
/* Added styles for copy button animation */
|
269 |
+
.copy-btn img {
|
270 |
+
width: 24px;
|
271 |
+
height: 24px;
|
272 |
+
transition: transform 0.3s ease-in-out;
|
273 |
+
}
|
274 |
+
|
275 |
+
.copy-btn:hover img {
|
276 |
+
transform: rotate(360deg);
|
277 |
+
}
|
278 |
|
279 |
.stats-container {
|
280 |
color: #333; /* Darker text color */
|