diff --git a/public/Buttons/medakshchoudhary_2/index.html b/public/Buttons/medakshchoudhary_2/index.html new file mode 100644 index 00000000..d95c2748 --- /dev/null +++ b/public/Buttons/medakshchoudhary_2/index.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/public/Buttons/medakshchoudhary_2/style.css b/public/Buttons/medakshchoudhary_2/style.css new file mode 100644 index 00000000..43425bfd --- /dev/null +++ b/public/Buttons/medakshchoudhary_2/style.css @@ -0,0 +1,47 @@ +.loader { + width: 48px; + height: 48px; + background: #353535; + display: block; + margin: 20px auto; + position: relative; + box-sizing: border-box; + animation: rotationBack 1s ease-in-out infinite reverse; + } + + .loader::before { + content: ''; + box-sizing: border-box; + left: 0; + top: 0; + transform: rotate(45deg); + position: absolute; + width: 48px; + height: 48px; + background: #2e2e2e; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); + } + + .loader::after { + content: ''; + box-sizing: border-box; + width: 32px; + height: 32px; + border-radius: 50%; + position: absolute; + left: 50%; + top: 50%; + background: rgb(0, 0, 0); + transform: translate(-50%, -50%); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); + } + + @keyframes rotationBack { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(-360deg); + } + } \ No newline at end of file