54 lines
968 B
Plaintext
54 lines
968 B
Plaintext
|
//
|
||
|
|
// Node animation
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
|
||
|
|
#node-canvas{
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 1400px;
|
||
|
|
background-color: transparent;
|
||
|
|
|
||
|
|
rect {
|
||
|
|
fill: none;
|
||
|
|
pointer-events: all;
|
||
|
|
}
|
||
|
|
|
||
|
|
.node {
|
||
|
|
/*fill: #a7a7a7;*/
|
||
|
|
fill: #939393;
|
||
|
|
stroke: #bbb;
|
||
|
|
z-index: 100;
|
||
|
|
transition-property: stroke fill;
|
||
|
|
transition-duration: 1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.node.active {
|
||
|
|
/*fill: #bbb; */
|
||
|
|
stroke: #dd4e58;
|
||
|
|
transition-property: stroke fill;
|
||
|
|
transition-duration: 1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cursor {
|
||
|
|
fill: none;
|
||
|
|
stroke: brown;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.link {
|
||
|
|
stroke: #bbb;
|
||
|
|
stroke-width: 1.5;
|
||
|
|
z-index: 0;
|
||
|
|
transition-property: stroke fill;
|
||
|
|
transition-duration: 1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.link.active{
|
||
|
|
stroke: #dd4e58;
|
||
|
|
transition-property: stroke;
|
||
|
|
transition-duration: 1s;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|