@keyframes element-boiling {
  0% { scale: 0.2; transform: translate(0px, 0px); opacity: 1; }

  25% { transform: translate(-2px, -2px); }

  50% { transform: translate(0px, 0px); }

  75% { transform: translate(-2px, -2px); opacity: 1; }

  100% { scale: 0.8; transform: translate(0px, 0px); opacity: .2; }
}

@keyframes element-boiling2 {
  0% { scale: 0; transform: translate(0px, 0px); opacity: 1; }

  25% { transform: translate(-2px, -2px); }

  50% { transform: translate(0px, 0px); }

  75% { transform: translate(-2px, -2px); opacity: 1; }

  100% { scale: 1; transform: translate(0px, 0px); opacity: .2; }
}

@keyframes element-melting {
  0% { scale: 0.2; transform: translate(0px, 0px); opacity: 0; }

  15% { transform: translate(-2px, 2px); }

  30% { opacity: 1; transform: translate(-4px, 4px); }

  45% { transform: translate(-4px, 6px); }

  60% { transform: translate(-4px, 8px); opacity: .8; }

  75% { transform: translate(-4px, 10px); opacity: .6; }

  90% { transform: translate(-2px, 12px); opacity: .2; }

  100% { scale: 1; transform: translate(0px, 12px); opacity: 0; }
}

@keyframes element-melting2 {
  0% { scale: 0.2; transform: translate(0px, 0px); opacity: 0; }

  15% { transform: translate(2px, 2px); }

  30% { opacity: 1; transform: translate(4px, 4px); }

  45% { transform: translate(4px, 6px); }

  60% { transform: translate(4px, 8px); opacity: .8; }

  75% { transform: translate(4px, 10px); opacity: .6; }

  90% { transform: translate(2px, 12px); opacity: .2; }

  100% { scale: 1; transform: translate(0px, 12px); opacity: 0; }
}