首页 > 其他分享 >BootstrapBlazor.Splitting 加载动画组件

BootstrapBlazor.Splitting 加载动画组件

时间:2023-09-21 16:24:53浏览次数:55  
标签:动画 自定义 Splitting BootstrapBlazor 组件 加载

BootstrapBlazor.Splitting 加载动画组件

介绍

本Blazor组件依赖于BootstrapBlazor组件库开发,底层由Splitting.jsgsap.js实现。

使用该组件库之前需要先安装BootstrapBlazor.Splitting组件独立包。

可以通过nuget命令行安装

NuGet\Install-Package BootstrapBlazor.Splitting -Version 7.0.0

或者双击项目名称直接添加ItemGroup

<ItemGroup>
    <PackageReference Include="BootstrapBlazor.Splitting" Version="7.0.0" />
</ItemGroup>

默认示例

<div>
    <Splitting/>
</div>

自定义文本

<div>
    <Splitting Text="加载中 。。。" />
</div>

自定义颜色

<div>
    <Splitting Color="Color.Info" Text="加载中 。。。" />
</div>

自定义粒度

<div>
    <Splitting Columns="30" Text="加载中 。。。" />
</div>

标签:动画,自定义,Splitting,BootstrapBlazor,组件,加载
From: https://www.cnblogs.com/codecopier/p/17720224.html

相关文章

  • 23 动画和拓展视野
    这节课随便聊聊,也挺重要的单纯靠HTML和css也可以实现动画有哪些网页有这些资源我们可以直接拿来用eg:跑起来的骏马动画好用的网站:https://www.html5tricks.com/page/4......
  • 8-web前端 动画 案例
    1、动画说明目标:使用animation添加动画效果   思考:过渡可以实现什么效果?   答:实现2个状态间的变化过程 动画效果:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停) 动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面 构成动画......
  • VC 移动,复制,删除文件(SHFileOperation)时显示动画
    比较乱凑合看吧总结一下SHFileOperation的用法,希望对大家有用//删除文件或者文件夹boolDeleteFile(char*lpszPath){SHFILEOPSTRUCTFileOp={0};FileOp.fFlags=FOF_ALLOWUNDO|//允许放回回收站FOF_NOCONFIRMATION;//不出现确认对话框FileOp.pFrom=......
  • WPF动画入门教程
    WPF动画入门教程 WindowsPresentationFoundation(WPF)是一种用于创建Windows客户端应用程序的UI框架。它让我们能够创建丰富的图形界面,包括各种各样的动画效果。接下来,我们将介绍如何在WPF中创建简单的动画。文章最后将给出源码,源码包括文章中的动画和一个水印按钮,一个简......
  • 【小沐学Unity3d】3ds Max 骨骼动画制作(蒙皮修改器skin)
    1、简介“蒙皮”修改器是一种骨骼变形工具,主要设计用于通过另一个对象对一个对象进行变形来创建角色动画。可使用骨骼、样条线和其他对象变形网格、面片和NURBS对象。如果将“蒙皮”修改器应用到网格,然后使用修改器指定骨骼,则每个骨骼都将收到一个胶囊形状的“封套”。这些封......
  • MAXON Cinema 4D 2024 (macOS, Windows) - 三维计算机动画、建模、模拟和渲染
    MAXONCinema4D2024(macOS,Windows)-三维计算机动画、建模、模拟和渲染请访问原文链接:https://sysin.org/blog/cinema-4d-2024/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgCinema4D​三维计算机动画、建模、模拟和渲染软件。Artist:SebastianMarek新......
  • WPF 抖动动画
    ///<summary>///控件抖动///</summary>///<paramname="translate"></param>///<paramname="power">抖动第一下偏移量</param>///<paramname="range"......
  • WPF动画入门教程
    WindowsPresentationFoundation(WPF)是一种用于创建Windows客户端应用程序的UI框架。它让我们能够创建丰富的图形界面,包括各种各样的动画效果。接下来,我们将介绍如何在WPF中创建简单的动画。文章最后将给出源码,源码包括文章中的动画和一个水印按钮,一个简单的时钟动画,一个复杂的......
  • 直播app开发,CSS3动画实现左右无缝滚动图
    直播app开发,CSS3动画实现左右无缝滚动图<viewclass="shortList_con"><viewclass="scrollCon":style="'width:'+(shortRouteList.length)*210+'rpx'"><viewclass="shortItem"v-for="(item,index......
  • 【动画进阶】当路径动画遇到滚动驱动!
    我的小册 《CSS技术揭秘与实战通关》上线了,想了解更多有趣、进阶、系统化的CSS内容,可以猛击- LINK。本文,我们将一起利用纯CSS,实现如下这么个酷炫的效果:在一年前,我介绍了CSS中非常新奇有趣的一个新特性--@scroll-timeline:革命性创新,动画杀手锏@scroll-timeline。......