dev项目属性按钮是灰色_【网页特效】11 个文本输入和 6 个按钮操作 特效库
文本输入特效
1.power-mode-input
PowerModeInput 可以让你的文本输入框更引人注目。
地址:https://github.com/lindelof/power-mode-input
2.TextInputEffects
简单的样式和效果,可增强文本输入交互。
地址:https://github.com/codrops/TextInputEffects
3.typewriterjs
一个简单而强大的原生javascript插件,具有很酷的打字机效果。
地址:https://github.com/tameemsafi/typewriterjs
4.t.js
轻量级 $.Hypertext.Typewriter
地址: https://github.com/mntn-dev/t.js
5.shuffle-text
ShuffleText 是一款纯js文字洗牌式切换特效插件。该插件在鼠标滑过指定的文本时,文字会不停的逐个进行翻转,类似洗牌效果,非常炫酷。
地址: https://github.com/ics-ikeda/shuffle-text
6.react-typewriter
适用于 react 的打字机的效果
地址:https://github.com/ianbjorndilling/react-typewriter
7.t-writer.js
T-Writer.js 用于实现原生打字机效果,没有任何依赖。
地址: https://github.com/ChrisCavs/t-writer.js
8.malarkey
模拟在DOM元素上的打字机效果。
地址:https://github.com/yuanqing/malarkey
- 友好,灵活的API,提供精细的控制
- 选项到重复该效果的限制。
- 用于对自定义元素属性应用效果的选项。
- 允许暂停和恢复顺序 on-the-fly
- 广泛的测试,带有 100%覆盖范围。
- 无相关性,超轻量,仅 1.5 缩小,或者 0.8 KB缩小和压缩
9.tinytyper
TinyTyper 一个微小的库用于在一段指定的文本元素上创建打字效果。
地址:https://github.com/lourenc/tinytyper
10.jquery.typer
typer.js插件是一个非常有意思的jQuery插件,实现一个一个字输出,类似打字的效果。typer.js是一个比较小的插件,依赖于jQuery。typer.js使用起来也比较方便,允许设置打字时间间隔,循环输出,清除打字效果时间等。
11. Phaser-typewriter
http://Phaser.io Javascript库的打字机效果包装器。
地址: https://github.com/netgfx/Phaser-typewriter
按钮操作特效
1.ElasticProgress
ElasticProgress 可以创建一个有弹力效果的进度条。
地址: https://github.com/codrops/ElasticProgress
2. vue-particle-effect-buttons
爆发粒子特效按钮组件。
地址: https://github.com/dreambo8563/vue-particle-effect-buttons
3.nativescript-shine-button
NativeScript插件,可为按钮添加发光效果。
地址:https://github.com/hamdiwanis/nativescript-shine-button
4.react-parallax-button
让按钮有一个水平视差效果。
地址: https://github.com/venits/react-parallax-button
5.RippleButton
具有Material Theme波纹效果的按钮。
地址: https://github.com/mig82/RippleButton
6.css-ripple-effect
css-ripple-effect 是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。该效果是仿照Android系统的Material design风格点击波来制作的。
地址:https://github.com/mladenplavsic/css-ripple-effect
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
往期推荐:
「一劳永逸」送你21道高频JavaScript手写面试题
一个合格(优秀)的前端都应该阅读这些文章
原文作者:前端小智
原文链接:【网页特效】11 个文本输入和 6 个按钮操作 特效库
dev项目属性按钮是灰色_【网页特效】11 个文本输入和 6 个按钮操作 特效库相关推荐
- dev项目属性按钮是灰色_如何当按钮处于各种交互状态时具有不同样式的按钮?...
Axure RP 9 for Mac是一款交互式原型设计神器,使用axure rp9以最佳的方式展示您的作品,优化现代浏览器并为现代工作流程设计.同时确保您的解决方案正确完整地构建.在本篇文章中,我们 ...
- dev项目属性按钮是灰色_Spring Boot 中的项目属性配置
阅读本文约需要5分钟 大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了Spring Boot 如何使用 SLF4J 进行日志记 ...
- spring 点击保存按钮页面禁用_用一篇深度好文,详解按钮的设计
本文共 2092 字,预计阅读 10 分钟,记得点击上面的 蓝字 关注我哦- 为了设计更好的用户界面,我们常常需要回顾它的历史和起源.按钮在界面设计中很重要.在物理按钮时期,手指的轻微触碰可以使设备. ...
- dreamweaver半角空格_网页设计半角空格怎么输入
网页设计中的空格怎么输入(记事本中)?在html代码编写区写上: //表示在浏览器内看到的一个空格(半角). 即在HTML中,在nbsp前面加"&"后面加分号" ...
- 添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮
JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...
- dev编译按钮是灰色_提升 50% 的编译速度!阿里零售通 App 工程提效实践
前言 当前,大多数 Android 工程都是基于 Gradle 工具进行构建和编译的,一开始,当你的工程不够复杂,或者还只是小型项目的情况下,基本都不需要去关心构建优化的事情,而随着业务变得复杂.代码 ...
- uc浏览器返回按钮的兼容_浏览器的返回、后退、上一页按钮的事件方法
我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法.下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history.大家知道在页面中我们可以使用JavaScript window h ...
- jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
- display属性_前端基础:Grid 布局教程,重新复习grid布局的容器和项目属性
链接:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 一.概述 它将网页划分成一个个网格,可以任意组合不同的网格,做出 ...
- requestmapping配置页面后_第004课:Spring Boot 项目属性配置
在项目中,很多时候需要用到一些配置的信息,这些信息可能在测试环境和生产环境下会有不同的配置,后面根据实际业务情况有可能还会做修改,针对这种情况,我们不能将这些配置在代码中写死,最好就是写到配置文件中. ...
最新文章
- 全局异常捕获处理-@ControllerAdvice+@HandleException
- Linux--DHCP
- 口令红包 java,[1.7.2]Gifts — 我的世界服务器在线礼物和登陆奖励插件
- wxWidgets:wxWizard类用法
- 深拷贝与浅拷贝(mutableCopy与Copy)详解 iOS
- 辅助模式最终考验的是想象力,先来看看怎么用!| Accessibility
- 未来经济 数字优先 | 大数据专场
- 【Android自定义View实战】之自定义评价打分控件RatingBar,可以自定义星星大小和间距...
- centos 虚拟机glibc升级_分享Centos6.5升级glibc过程
- 中国电子云发布专属云CECSTACK 以全栈信创赋能千行百业
- mysql类似的数据库_MemSQL学习笔记-类似MySQL的数据库
- python logging默认情况下打印_python logging日志打印过程解析
- 20行python代码的入门级小游戏--源码:猜大小
- 高8kB计算机组成原理,计算机组成原理习题及答案
- Python之web服务利器Flask生产环境部署实践【基于gunicorn部署生产环境】
- Python学习笔记之 高级变量类型 列表,元组,字典,字符串的相关常用 操作
- ie浏览器样式兼容写法_浏览器兼容性以及写法
- ipad上写代码???阿里云+vscode-server助你一臂之力
- 平方米的计算机公式,表格中平方米计算公式(怎么用excel计算平方)
- 你是如何看待saas行业
热门文章
- 【生产调度】基于matlab遗传算法求解柔性生产调度(FJSP)问题【含Matlab源码 1780期】
- 【手写数字识别】基于matlab GUI BP神经网络手写数字识别系统【含Matlab源码 1639期】
- 【疫情模型】基于matlab改进SEIR模型【含Matlab源码 670期】
- 【优化算法】多目标粒子群优化算法(MOPSO)【含Matlab源码 033期】
- 【优化布局】基于matlab遗传算法求解带出入点的车间布局优化问题【含Matlab源码 011期】
- uipath 收邮件_UIpath 循环读取IMAP邮件,并保存附件
- 思维导图ubuntu_Ubuntu——思维导图导安装和configuration area错误
- python编程语言图解_Python程序运行原理图文解析
- 天文软件ds9对图片调整颜色和两张图片坐标自动匹对
- Pytorch:GPU版代码改成CPU版(RuntimeError: torch.cuda.FloatTensor is not enabled.)