【微收藏】FourShadows.js – 时间感知的算法驱动的图标阴影JS库
2014-11-26 22:07
211 查看
废话一箩筐,筐筐有心得
不小心养成了一个刷微博的习惯,主要还是关注一些前端人士,学习一些前端方面的知识,看到大家都有一些刷微博的小习惯。有的是转发一下,转发内容来一个标记(MARK).也有评论中标记为Mark的,这种完全不知道是干什么?不过有一个比较好的@我的印象笔记 不过,我不怎么喜欢使用这些小工具,因为怎么的我都不喜欢详细看,实际上这不是一个好习惯,我最常用的还是微博的收藏功能,最后找个时间再细看一下这些内容,今天就分享一篇收藏的内容。(吐槽一下:微博的某设备官方客户端真心不好用,主要是针对我常用的收藏功能)
时间感知的算法驱动的图标阴影JS库 - Four Shadows Demo
英文不是很好,使用的谷歌翻译,大致理解的是根据一天中的时间,并根据模拟时钟的“时针”的方向上阴影的方向变化。
Four Shadows Demo
Current Hour:
Direction of shadow is based on direction of 'hour hand' on an analog clock.
Simulate Time
setup
①:引入fourshadows.js
②:body中写上这么一个div:>div class="fs-icon-l fs-cast" data-icon="filename.png"$lt;>/div<
③:引入css样式:
.fs-icon-l {width: 512px; height: 512px;}
.fs-icon-m {width: 256px; height: 256px;}
.fs-icon-s {width: 128px; height: 128px;}
.fs-icon-xs {width: 64px; height: 64px;}
④:配置一下默认JS设置
参考DEMO以及Github开源 https://github.com/Gigacore/four-shadows http://gigacore.github.io/demos/fs/
不小心养成了一个刷微博的习惯,主要还是关注一些前端人士,学习一些前端方面的知识,看到大家都有一些刷微博的小习惯。有的是转发一下,转发内容来一个标记(MARK).也有评论中标记为Mark的,这种完全不知道是干什么?不过有一个比较好的@我的印象笔记 不过,我不怎么喜欢使用这些小工具,因为怎么的我都不喜欢详细看,实际上这不是一个好习惯,我最常用的还是微博的收藏功能,最后找个时间再细看一下这些内容,今天就分享一篇收藏的内容。(吐槽一下:微博的某设备官方客户端真心不好用,主要是针对我常用的收藏功能)
时间感知的算法驱动的图标阴影JS库 - Four Shadows Demo
英文不是很好,使用的谷歌翻译,大致理解的是根据一天中的时间,并根据模拟时钟的“时针”的方向上阴影的方向变化。
Four Shadows Demo
Current Hour:
Direction of shadow is based on direction of 'hour hand' on an analog clock.
Simulate Time
setup
①:引入fourshadows.js
②:body中写上这么一个div:>div class="fs-icon-l fs-cast" data-icon="filename.png"$lt;>/div<
③:引入css样式:
.fs-icon-l {width: 512px; height: 512px;}
.fs-icon-m {width: 256px; height: 256px;}
.fs-icon-s {width: 128px; height: 128px;}
.fs-icon-xs {width: 64px; height: 64px;}
④:配置一下默认JS设置
参考DEMO以及Github开源 https://github.com/Gigacore/four-shadows http://gigacore.github.io/demos/fs/
相关文章推荐
- js 模仿windows 桌面图标排列算法
- js模仿windows桌面图标排列算法具体实现(附图)
- 收藏JS的date时间格式的转换函数
- ubuntu12.04右上角的时间图标消失 分类: ubuntu学习 2014-05-13 08:56 293人阅读 评论(0) 收藏
- [自用门户]需求:公告发售结束时间大于当前时间时候,则在类加on,显示new图标(主要看js实现方法)
- safari下时间戳设置 js指定日期的后天的算法
- js模仿windows桌面图标排列算法具体实现(附图)
- js 模仿windows 桌面图标排列算法
- JS时间相加,间隔算法
- JS当前时间推迟半小时的算法
- 【连载】实用小demo连载 3 —— js 时间转换 demo 2015-08-06 16:10 1人阅读 评论(0) 收藏
- 非时间对象而是算法实现的js时间倒数方法
- js时间算法大集合
- js时间倒计时---摘抄别人的--收藏
- 算法 插入排序 的 JS实现及时间复杂度分析
- 收藏:日期时间的格式
- [收藏]SQLSERVER海量数据库的查询优化及分页算法
- 收藏——在C#使用SHGetFileInfo获取(管理)文件或者文件夹图标(C#封装Win32函数的一个例子)
- [收藏]如何把客户端的 JS 数组传到服务器端
- 有关打印、收藏等的JS代码(打印等主要使用了一个IE组件来实现)