File tree Expand file tree Collapse file tree 1 file changed +45
-34
lines changed Expand file tree Collapse file tree 1 file changed +45
-34
lines changed Original file line number Diff line number Diff line change @@ -18,40 +18,51 @@ Load particles.js and configure the particles:
18
18
/* @params: set the params [object, optional, default values : check particles.js] */
19
19
20
20
particlesJS (' particles-js' , {
21
- particles: {
22
- color: ' #fff' ,
23
- shape: ' circle' , // "circle", "edge" or "triangle"
24
- opacity: 0.5 ,
25
- size: 2 ,
26
- size_random: true ,
27
- nb: 200 ,
28
- line_linked: {
29
- enable_auto: true ,
30
- distance: 250 ,
31
- color: ' #fff' ,
32
- opacity: 0.5 ,
33
- width: 1 ,
34
- condensed_mode: {
35
- enable: true ,
36
- rotateX: 600 ,
37
- rotateY: 600
38
- }
39
- },
40
- anim: {
41
- enable: true ,
42
- speed: 2
43
- }
44
- },
45
- interactivity: {
46
- enable: false ,
47
- mouse: {
48
- distance: 250
49
- },
50
- detect_on: ' canvas' , // "canvas" or "window"
51
- mode: ' grab'
52
- },
53
- /* Retina Display Support */
54
- retina_detect: false
21
+ particles: {
22
+ color: ' #fff' ,
23
+ shape: ' circle' , // "circle", "edge" or "triangle"
24
+ opacity: .5 ,
25
+ size: 2 ,
26
+ size_random: true ,
27
+ nb: 100 ,
28
+ line_linked: {
29
+ enable_auto: true ,
30
+ distance: 100 ,
31
+ color: ' #fff' ,
32
+ opacity: 1 ,
33
+ width: 1 ,
34
+ condensed_mode: {
35
+ enable: false ,
36
+ rotateX: 600 ,
37
+ rotateY: 600
38
+ }
39
+ },
40
+ anim: {
41
+ enable: true ,
42
+ speed: 2
43
+ }
44
+ },
45
+ interactivity: {
46
+ enable: true ,
47
+ mouse: {
48
+ distance: 250
49
+ },
50
+ detect_on: ' canvas' , // "canvas" or "window"
51
+ mode: ' grab' ,
52
+ line_linked: {
53
+ opacity: .5
54
+ },
55
+ events: {
56
+ onclick: {
57
+ push_particles: {
58
+ enable: true ,
59
+ nb: 4
60
+ }
61
+ }
62
+ }
63
+ },
64
+ /* Retina Display Support */
65
+ retina_detect: true
55
66
});
56
67
```
57
68
You can’t perform that action at this time.
0 commit comments