SF
优雅的Web
优雅的Web
注册登录
关注博客
注册登录
主页
关于
RSS
使用SVG + CSS实现动态霓虹灯文字效果
王刚
2017-09-01
阅读 2 分钟
18.1k
刚开始以为是gif动画之类的,审查元素发现居然是用SVG + CSS3动画实现的,顿时激起了我的(hao)欲(qi)望(xin),决定要一探究竟,查看代码之后,发现原理居然是如此简单:多个SVG描边动画使用不同的animation-delay即可!
getUserMedia API的两个使用案例
王刚
2017-08-24
阅读 2 分钟
21.7k
之前在微博看到了@HeeroLaw的文章《通过WebRTC获取摄像头影像》,了解到了getUserMedia这个API,觉得挺有意思的,于是亲自试验了一番,做了俩简单的小DEMO。 getUserMedia简介 在@HeeroLaw的文章中,介绍的是navigator.getUserMedia这个API,然而我在MDN上查到的是这个API已经被废弃了,取而代之的是MediaDevices.getUse...
一个简单的Web音频数据可视化模块
王刚
2016-02-28
阅读 2 分钟
4.8k
准备跳槽了,意味着我又要做一个什么拿的出手的作品来忽悠面试官了,所以这几天赶了一个音乐播放器出来,写到一半,把里面用到的显示音乐频谱数据的功能分离了出来,在此分享给诸位。
纯CSS实现可切换旋转的立体小盒子
王刚
2015-08-23
阅读 8 分钟
13.3k
好久没更新了,咳咳。情况是这样的,周五在公司前端组开技术分享会,担心干货不够,所以周四晚上连夜写了这么一个Demo出来哗众取宠,实际上效果还是挺不错的,这次装了一手好逼,只不过当时组内的妹子们都没来,没能看到这盛大的场面,唉,简直遗憾至极。
用纯CSS实现简单的相册幻灯片
王刚
2015-08-10
阅读 6 分钟
9.4k
之前发了两篇关于CSS的文章,大家都比较关注,看来大家对这块东西都是很感兴趣的,现在趁热打铁再来一发~~ 简介 一个用纯CSS实现的简单幻灯片效果,仅供实验,要看Demo请自备Chrome浏览器,勿用于生产环境,不然后果自付,咩哈哈哈哈哈~~ Demo地址:[链接] 效果图 效果图录出来很烂,不上传了,请看Demo :( 技术点 :tar...
用纯CSS实现优雅的tab页
王刚
2015-08-07
阅读 4 分钟
31.2k
说明 又是一个练手的小玩意儿,本身没什么技术含量,就是几个不常用的CSS3特性的结合而已。 要点 Label标签的for属性 单选框的:checked伪类 CSS的加号[+]选择器 效果图 原理 通常tab页的交互都是点击tab头然后展示对应的一块内容,这种排他性跟HTML里面的某个原住民很类似,是啥呢?没错!就是单选框组。 单选框组有一个...
HTML+CSS3再加一点点JS做的一个小时钟
王刚
2015-08-05
阅读 6 分钟
11.1k
第一次发文章,比较激动。 本码农长期浸淫于Dribbble等设计师网站,看到那些好看的设计作品就非常激动,但是无奈PS不精通,AI也早忘光了,只不过对前端略有研究,偶然间看到几个设计清爽的时钟,觉得用CSS实现起来应该也没什么难度,于是花了个把钟头琢磨了一个出来。