21个适合扁平化设计的创意超链接效果
-
怎样在网页中应用手绘风格，以改善网站的用户体验
手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望看到卡片是手写的，带着好友独特的笔迹，而不是用电脑打印出来的。一
-
解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面， 整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间公益404页面，在这里一起拿出来跟大家分享一下。
-
z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
虽然只是小小一个链接以及搭配的一个简单的动画，却由于牵扯到与使用者互动的部份，魔鬼藏在细节里。
在今年如果谈起设计来说，没有人可以避开扁平化设计，不管它是否为未来的设计趋势，至少在今年网页设计领域中扁平化很流行很流行。相比以往，扁平化在界面上可以说是一种”偷懒”，界面”偷懒”后，对后面的交互上的细节要求就更加高了。因此Tympanus收集了一些和传统交互效果相比更加有创意且适合扁平化设计的一些案例。本文为 21个链接 Hover 交互样式，原Demo效果在此。
1. 中括号
2. 3D翻转
3. 底部色块平滑渐隐
4. 底部色块快速渐隐
5. 3D浮动
6. 左侧边框下拉
7. 上下横条叠加
8. 边框描边
9. 上色块扩张
10. 色块遮挡
11. 文字渐隐
12. 圆环渐隐
13. 文字色点渐隐
14. 侧边变形
15. 文字阴影渐隐
16. 文字阴影跳动
17. 文字底部边框阴影
18. 上下边框变形
19. 色块3D翻转
20. 上下翻页
21. 颜色叠加
