刚开始以为是gif动画之类的，审查元素发现居然是用SVG + CSS3动画实现的，顿时激起了我的(hao)欲(qi)望(xin)，决定要一探究竟，查看代码之后，发现原理居然是如此简单：多个SVG描边动画使用不同的animation-delay即可！

之前在微博看到了@HeeroLaw的文章《通过WebRTC获取摄像头影像》，了解到了getUserMedia这个API，觉得挺有意思的，于是亲自试验了一番，做了俩简单的小DEMO。 getUserMedia简介 在@HeeroLaw的文章中，介绍的是navigator.getUserMedia这个API，然而我在MDN上查到的是这个API已经被废弃了，取而代之的是MediaDevices.getUse...

准备跳槽了，意味着我又要做一个什么拿的出手的作品来忽悠面试官了，所以这几天赶了一个音乐播放器出来，写到一半，把里面用到的显示音乐频谱数据的功能分离了出来，在此分享给诸位。

好久没更新了，咳咳。情况是这样的，周五在公司前端组开技术分享会，担心干货不够，所以周四晚上连夜写了这么一个Demo出来哗众取宠，实际上效果还是挺不错的，这次装了一手好逼，只不过当时组内的妹子们都没来，没能看到这盛大的场面，唉，简直遗憾至极。

之前发了两篇关于CSS的文章，大家都比较关注，看来大家对这块东西都是很感兴趣的，现在趁热打铁再来一发~~ 简介 一个用纯CSS实现的简单幻灯片效果，仅供实验，要看Demo请自备Chrome浏览器，勿用于生产环境，不然后果自付，咩哈哈哈哈哈~~ Demo地址：[链接] 效果图 效果图录出来很烂，不上传了，请看Demo :（ 技术点 :tar...

说明 又是一个练手的小玩意儿，本身没什么技术含量，就是几个不常用的CSS3特性的结合而已。 要点 Label标签的for属性 单选框的:checked伪类 CSS的加号[+]选择器 效果图 原理 通常tab页的交互都是点击tab头然后展示对应的一块内容，这种排他性跟HTML里面的某个原住民很类似，是啥呢？没错！就是单选框组。 单选框组有一个...

第一次发文章，比较激动。 本码农长期浸淫于Dribbble等设计师网站，看到那些好看的设计作品就非常激动，但是无奈PS不精通，AI也早忘光了，只不过对前端略有研究，偶然间看到几个设计清爽的时钟，觉得用CSS实现起来应该也没什么难度，于是花了个把钟头琢磨了一个出来。