source/Repid.MvcApplication/Content/easyui/insdep/themes/insdep/easyui_animation.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*
    JQuery EasyUI 1.5.x of Insdep Theme 1.0.0
    演示地址：https://www.insdep.com/example/
    下载地址：https://www.insdep.com
    问答地址：https://bbs.insdep.com

    项目地址：http://git.oschina.net/weavors/JQuery-EasyUI-1.5.x-Of-Insdep-Theme

    QQ交流群：184075694 （优先发布更新主题及内测包）
*/

@keyframes window-mask-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=3);
    opacity: 0.3;
  }
}
@keyframes window-fadeIn {
  0% {
    filter: alpha(opacity=0);
    opacity: 0; 
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

.window {
  animation-name: window-fadeIn; /*动画名称*/
  animation-duration: 0.3s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}
.window-proxy-mask,.window-mask {
  animation-name: window-mask-fadeIn; /*动画名称*/
  animation-duration: 0.5s; /*动画持续时间*/
  animation-iteration-count: 1; /*动画次数*/
  animation-delay: 0s; /*延迟时间*/
}

/*进度条动画*/
@keyframes animation-progressbar {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
.progressbar-animation .progressbar-value:after{
    content: '';
    opacity: 0;
    position: absolute;