muf-ui/resource/css/common.css

MUF-UI,基于Vue的Web多样化组件库

  /* 修改Muficon的尺寸 */
  
  span {
      font-family: muficon;
  }
  
  i {
      font-family: muficon;
  }
  
  .muficon {
      font-size: inherit;
  }
  /* 这是淡入淡出动画 */
  
  .infoLeave-enter-active,
  .infoLeave-leave-active {
      transition: all 0.4s;
      transform: translateY(0px);
      opacity: 1;
  }
  
  .infoLeave-enter,
  .infoLeave-leave-to {
      transform: translateY(-15px);
      opacity: 0;
  }
  /* window 弹入弹出 */
  
  .window-enter-active,
  .window-leave-active {
      transition: all 0.5s;
      transform: scale(1);
      opacity: 1;
  }
  
  .window-enter,
  .window-leave-to {
      transform: scale(0.4);
      opacity: 0;
  }
  /*滚动条整体样式*/
  
  .scroll1::-webkit-scrollbar {
      width: 8px;
      /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
  }
  /*滚动条里面小方块*/
  
  .scroll1::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 5px rgba(80, 188, 202, 0.2);
      background: rgb(196, 196, 196);
  }
  /*滚动条里面轨道*/
  
  .scroll1::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(8, 88, 102, 0.2);
      background: #ededed;
  }