- 博客(4)
- 资源 (3)
- 收藏
- 关注
原创 CSS3干货10:如何做一个板块标题水平线左边带颜色效果
很多网站在设计栏目标题的时候,喜欢用下划线分开栏目标题和内容部分。而且线条左边的部分往往还有颜色,且这个颜色跟标题的文字长短保持一致。效果如图所示:这种效果其实很简单。我这里给大家推荐两种方式:假定我们的标题部分 HTML 结构如下:<h1> <span>热点新闻</span></h1>方式一:利用下边框。灰色...
2020-01-31 12:33:48 1284 2
原创 SVG制作环形进度条
病毒横行,不出门,干脆在家里学习吧~先看效果:我们来做一个简单版本的。需要用到的SVG知识点:1、圆形标签 circle<circle cx="110" cy="110" r = "100" fill="none" stroke="#eee" stroke-width="20"></circle>cy ...
2020-01-28 23:09:20 3274 5
原创 SVG 按钮小动画:点击切换面包导航和关闭
今日看到个按钮切换小动画甚有意思,做了一个类似的,效果如图所示:写的比较简单,像这种细节动画相信在将来会越来越多的。记录下来,作为一个知识点参考。主要用到的知识是:SVG 的 path 路径动画的控制。之前我写了一篇文章来讨论 SVG 的路径的描边动画 《妙用SVG,给自己暗恋的人表白吧~》。今天这篇继续来讨论 SVG 路径path的动画。第一步:先做好HTML 和CSS 。写...
2020-01-27 17:34:11 1518 1
原创 JS制作倒计时--计算两个时间点的时间差
计算当前时间和一个指定时间点的时间差,是很常见的一个特效。比如:一些电商网站的倒计时秒杀。高考倒计时这些效果用 JavaScript 来实现,简直易如反掌。主要用到的知识点:时间对象:获取当前时间 时间对象:设定指定的时间点 时间对象的 getTime() 方法:获取指定时间距离1970 年 1 月 1 日0点0分之间的毫秒数。很明显,这个数据很大,但是没关系,Ja...
2020-01-22 23:45:26 2124 2
HTML5原生态JS的音乐播放器-带lRC歌词分析.rar
2020-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人