From c60cf43d4dce720738700a55983914bd330318b6 Mon Sep 17 00:00:00 2001 From: Lavish Bansal Date: Tue, 5 Oct 2021 20:55:27 +0530 Subject: [PATCH] Glowing-Dot-Animation --- Glowing Dot Animation/image.jpg | Bin 0 -> 7871 bytes Glowing Dot Animation/index.html | 32 +++++++++++++ Glowing Dot Animation/readme.md | 2 + Glowing Dot Animation/style.css | 75 +++++++++++++++++++++++++++++++ README.md | 3 +- 5 files changed, 111 insertions(+), 1 deletion(-) create mode 100644 Glowing Dot Animation/image.jpg create mode 100644 Glowing Dot Animation/index.html create mode 100644 Glowing Dot Animation/readme.md create mode 100644 Glowing Dot Animation/style.css diff --git a/Glowing Dot Animation/image.jpg b/Glowing Dot Animation/image.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7ae053c2b6500dadc80ed301e9e6940da406edf9 GIT binary patch literal 7871 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 literal 0 HcmV?d00001 diff --git a/Glowing Dot Animation/index.html b/Glowing Dot Animation/index.html new file mode 100644 index 0000000..130cd48 --- /dev/null +++ b/Glowing Dot Animation/index.html @@ -0,0 +1,32 @@ + + + + + + + Glowing Dot Animation + + + +
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+ + + diff --git a/Glowing Dot Animation/readme.md b/Glowing Dot Animation/readme.md new file mode 100644 index 0000000..87ad94a --- /dev/null +++ b/Glowing Dot Animation/readme.md @@ -0,0 +1,2 @@ +# Glowing Dot Animation + \ No newline at end of file diff --git a/Glowing Dot Animation/style.css b/Glowing Dot Animation/style.css new file mode 100644 index 0000000..44fcde5 --- /dev/null +++ b/Glowing Dot Animation/style.css @@ -0,0 +1,75 @@ +body { + margin: 0; + padding: 0; + background: #262626; +} +ul { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; + padding: 0; + display: flex; +} +ul li { + list-style: none; + width: 40px; + height: 40px; + background: #fff; + border-radius: 50%; + animation: animate 1.6s ease-in-out infinite; +} +@keyframes animate { + 0%, + 40%, + 100% { + transform: scale(0.2); + } + 20% { + transform: scale(1); + } +} +ul li:nth-child(1) { + animation-delay: -1.4s; + background: #ffff00; + box-shadow: 0 0 50px #ffff00; +} +ul li:nth-child(2) { + animation-delay: -1.2s; + background: #76ff03; + box-shadow: 0 0 50px #76ff03; +} +ul li:nth-child(3) { + animation-delay: -1s; + background: #f06292; + box-shadow: 0 0 50px #f06292; +} +ul li:nth-child(4) { + animation-delay: -0.8s; + background: #4fc3f7; + box-shadow: 0 0 50px #4fc3f7; +} +ul li:nth-child(5) { + animation-delay: -0.6s; + background: #ba68c8; + box-shadow: 0 0 50px #ba68c8; +} +ul li:nth-child(6) { + animation-delay: -0.4s; + background: #f57c00; + box-shadow: 0 0 50px #f57c00; +} +ul li:nth-child(7) { + animation-delay: -0.2s; + background: #673ab7; + box-shadow: 0 0 50px #673ab7; +} +footer { + position: relative; + color: yellow; + top: 38.5rem; +} +footer a { + color: #fff; +} diff --git a/README.md b/README.md index ea4bd4a..879f81a 100644 --- a/README.md +++ b/README.md @@ -48,7 +48,8 @@ | Loading Balls Animation | https://pulkit203.github.io/LoadingBalls/ | | Automatic Image Slider Animation|https://palaksharma23.github.io/Automatic-Image-Changing-Animation/ | | Confetti Animation | https://anjali1102.github.io/confetti_animation/ | -| Comets Animation | https://jonathanallisson.github.io/Comets/ | +| Comets Animation | https://jonathanallisson.github.io/Comets/ | +| Glowing Dot Animation | https://lavishbansal17.github.io/Glowing-Dot-Animation/ | --- ![Project Intro Gif](./Gif.gif)