diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-01-24 16:41:08 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-01-24 16:41:08 +0800 |
| commit | 5e317b801b6c2fcb55f67ede3911a6d246d3cf7a (patch) | |
| tree | e29d30bd954fe9a631fc792310fc0fbec87758ee /src/js | |
| parent | 53496e0a05586aa80ea21e0b71a3b3c665f64b5a (diff) | |
updated - added more ingedients and some general more cool stuff
Diffstat (limited to 'src/js')
| -rw-r--r-- | src/js/dynamicBlob.js | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/js/dynamicBlob.js b/src/js/dynamicBlob.js index 2530e946..adad6ec3 100644 --- a/src/js/dynamicBlob.js +++ b/src/js/dynamicBlob.js @@ -17,16 +17,22 @@ function getRandomColor() { } function generateGradient() { - var gradient = 'linear-gradient(to right'; + var gradient = 'conic-gradient('; + let firstTimeInter = true var colorCount = Math.floor(Math.random() * 5) + 2; for (var i = 0; i < colorCount; i++) { - gradient += ', ' + getRandomColor(); + if (firstTimeInter === true) { + gradient += getRandomColor(); + firstTimeInter = false + } else { + gradient += ', ' + getRandomColor(); + } } gradient += ')'; return gradient; } -blob.style.background = generateGradient(); +blob.style.background = `radial-gradient(circle, lime), ${generateGradient()}`; var blobItem; |
