无聊写了个demo-------WEB安全色

原创 ls1210485244 随笔 程会玩 3892阅读 2017-06-24 01:17:07 举报

bootcss官网有个这个页面,看了后觉得蛮好看的 自己写了一个玩玩儿。

html 代码

评论 ( 19 )
最新评论
ls1210485244 18F 2017-06-30 21:27:07 19F

html 代码

这样就不会闪啦。。。 不过颜色区别 尽量别选的太大 或者就让动画的周期长一点儿

1549607208 17F 2017-06-29 14:47:00 18F

我想的那种效果就是不闪然后字体颜色渐变式的变色

ls1210485244 16F 2017-06-29 00:11:24 17F

可以用css写字体变色 然后时间间隔长点 就不会闪的那么厉害了

1549607208 2017-06-28 10:16:30 16F

字体变色可以不闪吗?

ls1210485244 13F 2017-06-27 22:45:58 15F

[].map(function (value, index, array){}) 只传了第一个参数就是了

ls1210485244 13F 2017-06-27 22:39:33 14F

map方法啊 会依次把数组的项传给ele

qw296609675 12F 2017-06-27 18:13:01 13F

这个我是看明白的,但是不知道在哪给ele传的值。。。。这个意思

ls1210485244 10F 2017-06-27 17:27:56 12F

arr2是个数组 调用的数组的map方法 map方法会迭代数组里的每一项 然后给每一项执行format方法 再将组成的数组返回 再用join方法连接起来 再全部改为大写
用了es6的箭头函数 (ele) => format(ele) 就相当于function (ele) { return format(ele); }

ls1210485244 7F 2017-06-27 17:24:25 11F

嗯嗯 就是看了bootcss的 然后自己写了个 我开始就有说呢

qw296609675 9F 2017-06-27 16:55:17 10F

let hex = '#' + arr2.map((ele) => format(ele)).join('').toUpperCase(), 老哥,这一串 ele 也没有传值啊 不明白怎么实现的

qw296609675 2017-06-27 16:15:48 9F

很不错,就是不太明白js怎么写的。。。没看明白。。

weijundong 2017-06-27 16:10:04 8F

我要:加大加粗,大红色的

5丨ove丶佳 2017-06-27 11:20:46 7F

http://www.bootcss.com/p/websafecolors/ 和BootCss里的Web安全色一样

ls1210485244 3F 2017-06-27 00:50:19 6F

就是看起来相对比较舒服的 web常用配色吧

ls1210485244 4F 2017-06-27 00:49:50 5F

有啊

达拉崩吧 2017-06-26 15:21:33 4F

有没有原谅色儿

源源不断 2017-06-26 11:09:38 3F

安全色 有什么用? 不懂

15296174004 2017-06-26 10:19:44 2F

收藏了~~感谢

18830159776 2017-06-24 09:42:16 1F