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 */
|