the background is white around the line
Browse files
style.css
CHANGED
|
@@ -3,7 +3,6 @@ body {
|
|
| 3 |
background-blend-mode: overlay;
|
| 4 |
background-position: center;
|
| 5 |
}
|
| 6 |
-
|
| 7 |
/* Timeline item animations */
|
| 8 |
.timeline-item {
|
| 9 |
opacity: 0;
|
|
@@ -11,11 +10,17 @@ body {
|
|
| 11 |
transition: all 0.6s ease-out;
|
| 12 |
}
|
| 13 |
|
|
|
|
|
|
|
|
|
|
| 14 |
.timeline-item.visible {
|
| 15 |
opacity: 1;
|
| 16 |
transform: translateY(0);
|
| 17 |
}
|
| 18 |
|
|
|
|
|
|
|
|
|
|
| 19 |
/* Button hover effects */
|
| 20 |
#downloadPng:hover, #generateGif:hover, #downloadGif:hover {
|
| 21 |
transform: translateY(-2px);
|
|
|
|
| 3 |
background-blend-mode: overlay;
|
| 4 |
background-position: center;
|
| 5 |
}
|
|
|
|
| 6 |
/* Timeline item animations */
|
| 7 |
.timeline-item {
|
| 8 |
opacity: 0;
|
|
|
|
| 10 |
transition: all 0.6s ease-out;
|
| 11 |
}
|
| 12 |
|
| 13 |
+
.timeline-wrapper {
|
| 14 |
+
background: transparent !important;
|
| 15 |
+
}
|
| 16 |
.timeline-item.visible {
|
| 17 |
opacity: 1;
|
| 18 |
transform: translateY(0);
|
| 19 |
}
|
| 20 |
|
| 21 |
+
#timeline-container {
|
| 22 |
+
background: transparent !important;
|
| 23 |
+
}
|
| 24 |
/* Button hover effects */
|
| 25 |
#downloadPng:hover, #generateGif:hover, #downloadGif:hover {
|
| 26 |
transform: translateY(-2px);
|