Spaces:
Running
Running
ahora cambia el color del fondo de particulas para coincidir con los colores de la imagne original
Browse files
script.js
CHANGED
|
@@ -35,9 +35,9 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 35 |
}
|
| 36 |
},
|
| 37 |
"color": {
|
| 38 |
-
"value": "#
|
| 39 |
},
|
| 40 |
-
|
| 41 |
"type": "circle",
|
| 42 |
"stroke": {
|
| 43 |
"width": 0,
|
|
@@ -67,11 +67,11 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 67 |
"line_linked": {
|
| 68 |
"enable": true,
|
| 69 |
"distance": 150,
|
| 70 |
-
"color": "#
|
| 71 |
"opacity": 0.4,
|
| 72 |
"width": 1
|
| 73 |
},
|
| 74 |
-
|
| 75 |
"enable": true,
|
| 76 |
"speed": 2,
|
| 77 |
"direction": "none",
|
|
@@ -103,10 +103,11 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 103 |
"grab": {
|
| 104 |
"distance": 140,
|
| 105 |
"line_linked": {
|
| 106 |
-
"opacity": 1
|
|
|
|
| 107 |
}
|
| 108 |
},
|
| 109 |
-
|
| 110 |
"particles_nb": 4
|
| 111 |
}
|
| 112 |
}
|
|
|
|
| 35 |
}
|
| 36 |
},
|
| 37 |
"color": {
|
| 38 |
+
"value": "#764ba2"
|
| 39 |
},
|
| 40 |
+
"shape": {
|
| 41 |
"type": "circle",
|
| 42 |
"stroke": {
|
| 43 |
"width": 0,
|
|
|
|
| 67 |
"line_linked": {
|
| 68 |
"enable": true,
|
| 69 |
"distance": 150,
|
| 70 |
+
"color": "#764ba2",
|
| 71 |
"opacity": 0.4,
|
| 72 |
"width": 1
|
| 73 |
},
|
| 74 |
+
"move": {
|
| 75 |
"enable": true,
|
| 76 |
"speed": 2,
|
| 77 |
"direction": "none",
|
|
|
|
| 103 |
"grab": {
|
| 104 |
"distance": 140,
|
| 105 |
"line_linked": {
|
| 106 |
+
"opacity": 1,
|
| 107 |
+
"color": "#764ba2"
|
| 108 |
}
|
| 109 |
},
|
| 110 |
+
"push": {
|
| 111 |
"particles_nb": 4
|
| 112 |
}
|
| 113 |
}
|
style.css
CHANGED
|
@@ -38,10 +38,9 @@ footer a svg {
|
|
| 38 |
footer a:hover svg {
|
| 39 |
transform: scale(1.2);
|
| 40 |
}
|
| 41 |
-
|
| 42 |
/* Particles.js container */
|
| 43 |
#particles-js {
|
| 44 |
width: 100%;
|
| 45 |
height: 100%;
|
| 46 |
-
background-color: #
|
| 47 |
}
|
|
|
|
| 38 |
footer a:hover svg {
|
| 39 |
transform: scale(1.2);
|
| 40 |
}
|
|
|
|
| 41 |
/* Particles.js container */
|
| 42 |
#particles-js {
|
| 43 |
width: 100%;
|
| 44 |
height: 100%;
|
| 45 |
+
background-color: #667eea;
|
| 46 |
}
|