<style>
.is_mobile{display:none}
@media (max-width: 576px){
.is_mobile{display:block;width: 100%;text-align: center;padding: 5px 0px;background: #e6e9ec;border: 1px solid #fff;border-radius: 5px;margin-top: 10px;margin-bottom:10px;}}
@keyframes rans {from{backgroud-position: 0 0;}to{background-position: 2000px 0;}}
</style>

<div class="card">
  <div class="card-header" style="background: -webkit-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC); 	background: -moz-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC); 	background: -ms-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);animation: rans 18s linear infinite;-webkit-background-clip: text;color: transparent;font-size: 14px;">
   开源XIUNO 共同成长
  </div>
</div>