<html>
<head>

</head>


 

<div id="shadowBox">

  <h3 class="rainbow">Hygon</h3>

</div>
 
 <li class="rainbow-texto" class="table-responsive">İyi Eğlenceler.</li>

<table id="komuttlarr" class="table-responsive">
                    <tbody><tr class="header" >
                        <th style="width:15%;" class="rainbow-texto">İsim</th>
                        <th style="width:60%;" class="rainbow-texto">Açıklama</th>
                        <th style="width:25%;" class="rainbow-texto">Kullanım</th>
                    </tr>
                    <tr class="rainbow-texto">
                        <td>
                            yardım
                        </td>
                        <td>
                            Yardım komutlarını listeler.
                        </td>
                        <td>
                            h!yardım
                        </td>
                    </tr>
                    <tr class="rainbow-texto">
                        <td>
                            eğlence
                        </td>
                        <td>
                            Eğlence komutlarını gösterir
                        </td>
                        <td>
                            h!eğlence
                        </td>
                    </tr>
                    <tr class="rainbow-texto">
                        <td>eğlence2</td>
                        <td>
                            Eğlence 2 komutlarını gösterir.
                        </td>
                        <td>
                           h!eğlence2</td>
                    </tr class="rainbow-texto">
                    <tr class="rainbow-texto">
                        <td>genel</td>
                        <td>
                            Genel komutları gösterir
                        </td>
                        <td>
                           h!genel
                        </td>
                    </tr>
                    <tr class="rainbow-texto">
                        <td>
                            moderasyon
                        </td>
                        <td>
                            Moderasyon komutlarını gösterir                       </td>
                        <td>h!moderasyon </td>
                    </tr>
                    <tr>
                        <td>                      
                    </tr>
                </tbody></table>
                
                <a href="https://discordapp.com/oauth2/authorize?client_id=605852949108752415&scope=bot&permissions=805314622" target="_blank" class="rainbow-button" alt="Botu Ekle" style="margin-left:400px;"></a>
 
                              
 
 <style>
 
 .rainbow-texto {
  background-image: linear-gradient(to left, violet, indigo, blue, green,  orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
 
 
          .longdescription {
             background: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') !important;
          }
          
           .botpagebutton, .votebutton { background: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
           
           a#support { color: black }
a#edit { color: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
a#github { color: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
a#websitelink { color: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
span#points { color: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
.bot-description { color: url('https://media.giphy.com/media/muiw9mM96E5AQ/giphy.gif') }
  

}

          #shadowBox {
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.2);
  /* Black w/opacity/see-through */
  border: 3px solid;
}

.rainbow {
  text-align: center;
  text-decoration: underline;
  font-size: 32px;
  font-family: monospace;
  letter-spacing: 5px;
  animation: colorRotate 6s linear 0s infinite;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}
        
body {
  margin:0;
  background-color:#191919;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Helvetica,Sans-serif;
}
a {
  text-decoration:none;
  color:#FFF;
}
.rainbow-button {
  width:calc(20vw + 6px);
  height:calc(8vw + 6px);
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  font-size:3vw;
  font-weight:bold;
}
.rainbow-button:after {
  content:attr(alt);
  width:20vw;
  height:8vw;
  background-color:#191919;
  display:flex;
  align-items:center;
  justify-content:center;
}
.rainbow-button:hover {
  animation:slidebg 2s linear infinite;
}

@keyframes slidebg {
  to {
    background-position:20vw;
  }
}        

.columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: none !important;
     background: none !important;
     box-shadow: none !important;
}
<p>.bot-img img {
-webkit-animation: mover 1.5s infinite  alternate;
animation: mover 1.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%
}
.bot-img&gt;img {
border: 4px solid #ffbb00;
background-color: transparent;
}
.bot-img img {
-webkit-animation: mover 1.5s infinite  alternate;
animation: mover 1.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}<br>
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
.columns .bot-img {
border-radius: 4px !important;
overflow: visible !important;
box-shadow: none !important;
background: none !important;
box-shadow: none !important;
}
.bot-name {
-webkit-animation: rainbow-text 1s infinite alternate;
animation: rainbow-text 0.5s infinite alternate;
font-weight: bold;
font-style: oblique;
}
@keyframes rainbow-text {
0% {
color: #e87d7d;
}
2% {
color: #e88a7d;
}
4% {
color: #e8977d;
}
6% {
color: #e8a47d;
}
8% {
color: #e8b07d;
}
10% {
color: #e8bd7d;
}
12% {
color: #e8ca7d;
}
14% {
color: #e8d77d;
}
16% {
color: #e8e47d;
}
18% {
color: #dfe87d;
}
20% {
color: #d3e87d;
}
22% {
color: #c6e87d;
}
24% {
color: #b9e87d;
}
26% {
color: #ace87d;
}
28% {
color: #9fe87d;
}
30% {
color: #92e87d;
}
32% {
color: #86e87d;
}
34% {
color: #7de881;
}
36% {
color: #7de88e;
}
38% {
color: #7de89b;
}
40% {
color: #7de8a8;
}
42% {
color: #7de8b5;
}
44% {
color: #7de8c1;
}
46% {
color: #7de8ce;
}
48% {
color: #7de8db;
}
50% {
color: #7de8e8;
}
52% {
color: #7ddbe8;
}
54% {
color: #7dcee8;
}
56% {
color: #7dc1e8;
}
58% {
color: #7db5e8;
}
60% {
color: #7da8e8;
}
62% {
color: #7d9be8;
}
64% {
color: #7d8ee8;
}
66% {
color: #7d81e8;
}
68% {
color: #867de8;
}
70% {
color: #927de8;
}
72% {
color: #9f7de8;
}
74% {
color: #ac7de8;
}
76% {
color: #b97de8;
}
78% {
color: #c67de8;
}
80% {
color: #d37de8;
}
82% {
color: #df7de8;
}
84% {
color: #e87de4;
}
86% {
color: #e87dd7;
}
88% {
color: #e87dca;
}
90% {
color: #e87dbd;
}
92% {
color: #e87db0;
}
94% {
color: #e87da4;
}
96% {
color: #e87d97;
}
98% {
color: #e87d8a;
}
100% {
color: #e87d7d;
}
}</p>
<p>#bot-details-page .btn-like{
background-color:#fff;
}

   body {
   
  } 
  
  
  

 </style>

 
 </html>

Hygon

Bir sürü özelliği olan mütevazi bir discord botu :)

Hygon 투표

저희를 지원하고 싶으십니까?