css设置图标跳动

css：

// im图标跳动
          @keyframes im_icon{
            0%{
              opacity: 0.8;
              transform: translate(0,0);
            }
            50%{
              opacity: 1;
              transform: translate(0,3px);
            }
            100%{
              opacity: 0.8;
              transform: translate(0,0);
            }
          }
          .im {
            width: 17px;
            height: 16px;
            margin-top: -4px;
            margin-left: 10px;
            cursor: pointer;
            animation:  im_icon 1s linear infinite;
          }

效果：

---

Tips:

在数据比较多的情况下使用跳动的图标，体验不是很好，最好是设置图标hover的时候跳动。