Add interactive particle animation background

This commit is contained in:
openhands
2025-02-16 22:03:33 +00:00
parent ab4d78e857
commit c8dc854fb3
4 changed files with 135 additions and 35 deletions

View File

@@ -1,35 +1,41 @@
/* Theme */
main {
/* background: #314159; */
color: #7ba2bf;
/* background: #314159; */
color: #7ba2bf;
}
.icons-social a {
color: #7ba2bf;
;
color: #7ba2bf;
;
}
.icons-social a svg path{
fill: #7ba2bf;
;
fill: #7ba2bf;
;
}
/* ---- particles.js container ---- */
#particles-js{
/* background: #314159; */
position:fixed;
filter: blur(5px);
width: 100%;
height: 100%;
z-index: -10;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
filter: blur(10px);
}
canvas {
display: block;
pointer-events: auto !important;
}
#bg{
background: #314159;
position:fixed;
width: 100%;
height: 100%;
z-index: -100;
background: #314159;
position:fixed;
width: 100%;
height: 100%;
z-index: -100;
}