首页 > 其他分享 >加载按钮样式

加载按钮样式

时间:2023-11-26 09:57:12浏览次数:32  
标签:40px 3px 样式 solid radius 按钮 infinite border 加载

加载按钮样式:

 

 

#wait {
    width: 40px;
    height: 40px;
    border-right: 3px solid #09F;
    border-top: 3px solid red;
    border-left: 3px solid yellow;
    border-bottom: 3px solid green;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    animation: rotation 0.6s linear 0s infinite;
    -moz-animation: rotation 0.6s linear 0s infinite;
    -webkit-animation: rotation 0.6s linear 0s infinite;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-top: -20px;
    margin-left: -20px;
    opacity: 0.9;
    display: none;
}

 

标签:40px,3px,样式,solid,radius,按钮,infinite,border,加载
From: https://www.cnblogs.com/shy1766IT/p/17856557.html

相关文章

  • 从样板文件中导入样式到当前文档
    2023年11月24日QQ群友提出一个问题:SectionViewStyle的个别属性值无法获取,从而无法进行修改,开放的API中确实没有响应的枚举类型,从而无法使用SectionViewStyle.GetDisplayStylePlan()这个方法获取到DisplayStyle,于是我提出了采用导入样式的方法,提前准备好自己的样板文件,在样......
  • 批量数据加载的最佳实践技巧
    有时,PostgreSQL数据库需要在单个或最少的步骤中导入大量数据。这通常称为批量数据导入,其中数据源通常是一个或多个大文件。这个过程有时会慢得令人无法接受。造成这种低性能的原因有很多:索引、触发器、外键、GUID主键,甚至预写日志(WAL)都可能导致延迟。在本文中,我们将介绍一......
  • 5.1 Windows驱动开发:判断驱动加载状态
    在驱动开发中我们有时需要得到驱动自身是否被加载成功的状态,这个功能看似没啥用实际上在某些特殊场景中还是需要的,如下代码实现了判断当前驱动是否加载成功,如果加载成功,则输出该驱动的详细路径信息。该功能实现的核心函数是NtQuerySystemInformation这是一个微软未公开的函数,也......
  • 未能加载文件或程序集“Newtonsoft.Json, Version=4.5.0.0, Culture=neutral, PublicK
    报错内容 解决办法:在Web.config的<configuration></configuration>中添加如下代码即可。<configuration><runtime><assemblyBindingxmlns="urn:schemas-microsoft-com:asm.v1"><dependentAssembly><assembly......
  • Fragment简单实例-------动态加载
    文章目录1、实现功能2、代码架构3、activity_main.xml文件4、fragment_one.xml文件5、FragmentOne.java文件6、FragmentTwo.java文件7、MainActvity.java文件1、实现功能一个activity动态加载不同的Fragment2、代码架构3、activity_main.xml文件<?xmlversion="1.0"enco......
  • Fragment简单实例-------静态加载
    文章目录1、功能实例2、代码结构3、activity_main.xml文件4、fragment_button.xml5、FragmentButton.java文件6、MainActivity.java1、功能实例在activity中将fragment作为组件加载图中Textview是一个组件Button是一个fragment组件它们都是直接在一个.xml文件里引用2......
  • uniapp-微信小程序绑定动态样式 :style 避坑
    在uniapp中绑定动态样式:style="object"使用此种方法,在H5页面中并不会出现任何问题而在微信小程序中,此种方式就会被编译成 style="[object,object]"从而导致样式无法生效解决方法:    使用:style="[object]"此种方式即可......
  • Skeleton Screen/加载占位图流光闪动效果收集
    SkeletonScreenLoading,又叫SkeletonScreen/加载占位图,就是显示dom骨架,加上流光加载效果。骨架流光的原理,就是渐变色(linear-gradient多个颜色)+背景拉伸(background-size:400%100%)+背景移动(background-position)1.CSS实现SkeletonScreen(骨架屏)li{backgrou......
  • 修改el-input el-select 默认hover focus样式
    :deep(.el-input){--el-input-text-color:#1e2230;--el-input-border:#1e2230;--el-input-hover-border:#1e2230;--el-input-focus-border:#1e2230;--el-input-transparent-border:0001pxtransparentinset;--el-input-border-color......
  • 微信小程序隐藏导航栏首页按钮
    隐藏“返回首页”按钮1、微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮,开发者可在页面onShow中调用hideHomeButton进行隐藏。asynconShow(){uni.hideHomeButton()},2、uniapp通过pages.json隐藏返回首页”按钮{......