/* 为浮动图片定义一个基本样式 */
.float-clip {
  z-index:1000;
  position: fixed; /* 定位方式为固定 */
  top: 10px;   /* 距离底部10像素 */
  right: 10px;    /* 距离右侧10像素 */
  width:20%;
  /*height:90%;*/
  opacity: 1;   /* 透明度为50%，使得图片看起来更加漂浮 */
  animation: float 6s infinite; /* 应用浮动动画 */
}
.float-clip img {
  width:100%;
  height:auto;
}
/* 定义浮动动画 */
@keyframes float {
  0% { transform: translate(0, 0); }
  50% { transform: translate(10px, 20px); }
  100% { transform: translate(0, 0); }
}