CSS: Can I make this button glow?

Ask for Help
6

I’m not a programmer. I’m just doing trial and error. This can make your buttons glow. Is this what you mean?

<pre><span><style>
[data-test=app-button-view] {
position:fixed; 
animation: glowing 1200ms infinite;
width:280px; height:280px; 
top:35%;
bottom:0%;
right:0%;
left:55%;
padding:0px;
border-radius:360px; 
text-align: right; 
box-shadow: 0px 0px 100px 10px #8F6072 !important; 
font-size:19px; 
font-weight: bold; background-color: rgba(143, 96, 114, 0.14);
backdrop-filter: blur;
z-index:1;
}     
      @keyframes glowing {
        0% {
          background-color: darkviolet;
          box-shadow: 0 0 5px darkviolet;
          border: 2px solid darkviolet;
        }
        50% {
          background-color: #eebdff;
          box-shadow: 0 0 20px #eebdff;
          border: 2px solid #f8e4ff;
        }
        100% {
          background-color: #9400D3;
          box-shadow: 0 0 5px #9400D3;
          border: 2px solid #9400D3;
        }
      }
2 Likes