<iframe class="discord" src="https://discordapp.com/widget?id=201798443583143936&theme=dark"/>
<!-- Change the src to your own discord Iframe link, by going into your channel and going to the widget--!>

@keyframes discord {
  0% {height:70px; width:250px;}
   100% {height:500px;width:350px;}
}
@keyframes discord-c {
  0% {height:500px;width:350px;}
    100% {height:70px; width:250px;}
}
.discord {
  animation-name: discord-c;
  animation-duration: 2s;
  animation-play-state: pause;
  float:left;
    height:70px;
  width:250px;
   
  
}

.discord:hover {
  height:500px;
  width:350px;
  float:left;
  animation-name: discord;
  animation-duration: 2s;
  animation-play-state: pause;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.