CSS Diner – 边学CSS选择器，边享受晚餐

今天我们将介绍一个用来学习CSS选择器的游戏 – CSS Diner(CSS晚餐)，既可以学习CSS又可以娱乐，过程十分有趣。

在这个游戏中，你可以学习26个CSS选择器的用法（含CSS[……]

阅读全文 »

动起来！好玩的CSS抖动样式 – CSS Shake

CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、[……]

阅读全文 »

给网页图标字体 Font Awesome 添加动画效果

在国外网站中使用Web字体已经流行起来，虽然使用中文不太靠谱，但我们可以使用图标字体，也是很是方便的，图标字体有很多，可看《30个免费网页图标字体以及使用方法》一文，其中Font Awesome有较多[……]

阅读全文 »

CSS3文字阴影实现乳白文字效果

有效利用css3的text-shadow属性，可以实现很多漂亮的效果，今天将介绍一个用CSS3文字阴影属性实现乳白文字效果，预览图如下：

英文milky
 

字体：经典圆体[……]

阅读全文 »

简单易用的CSS Tooltips库 – hint.css

使用CSS可以写出漂亮的Tooltips（提示样式）效果，但是写出来有点麻烦，又定位改颜色什么的，如果想快速实现这个tooltips提示样式，那么我建议你使用今天我们分享的简单易用的CSS Toolt[……]

阅读全文 »

纯CSS3实现的GAME BOY游戏机动画

在Codepen发现的一个很酷的CSS3代码，如下GIF图，完全使用CSS样式代码编写的Game boy游戏机，动画使用CSS3的animation属性制作，效果看起来很Cool哦！

如[……]

阅读全文 »

100个惊人的CSS、JS代码技术

最近在Codepen看到Top Pens of 2013这个专题，专题内容为2013年上最优秀的前100个CSS、HTML5和Javascript Pens，在惊叹技术人员的创造力同时我们还能学习这些[……]

阅读全文 »

12个创新的纯CSS3进度条特效 动画效果很漂亮

进度条是很常用的一个用户体验项，用于表示事件的处理或加载状态，制作这些loading进度条我们通常会使用GIF图片来实现，但是这方法也有一些弊端，比如我要放大或改变颜色，这样就不好处理了。

要解[……]

阅读全文 »