Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hold-baby/inputshine
Input shine
https://github.com/hold-baby/inputshine
canvas css3 html5 input javascript
Last synced: about 1 month ago
JSON representation
Input shine
- Host: GitHub
- URL: https://github.com/hold-baby/inputshine
- Owner: hold-baby
- License: mit
- Created: 2018-03-01T05:47:38.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-03-02T08:42:29.000Z (over 6 years ago)
- Last Synced: 2024-09-29T23:23:32.360Z (about 2 months ago)
- Topics: canvas, css3, html5, input, javascript
- Language: JavaScript
- Size: 32.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# inputShine
[demo](https://hold-baby.github.io/inputShine/)# NPM
```babel
npm install input-shine
```# 直接引入
```html
// 在页面引入js、、、
// var input = newl inputShine(id, opt)
var white = new inputShine("white", {
shine : "white"
})```
# opt
```js
id: input的id
opt : {
shine : "white" // 光点颜色
textColor : "white" // 输入框字体颜色
borderColor : "white" // 输入框边框颜色
}
// 颜色可选值:
white(默认) black red orange yellow green young blue purple;
```
# 注意
为使效果更好,建议input父元素背景色使用深色系,并且input背景色透明。