这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

本文翻译自Graeme Fulton文章。 文中介绍的某些概念也许可行性不高，但可以让你设计的界面变得富有情感，尤其是在用户等待的过程中。 “根据心理学家的说法，无聊只是由于缺少刺激，是用户的期待没有得到满足。如果我们用界面设计来刺激他们会怎样呢？” ——by Alice Ko…

优秀的动画，对于提升UI的逼格非常重要，在大多数情况下，针对动画进行合理的调整，就可以让你的UI变得更加出色，好的交互设计，能够展示状态之间的连续性，以及不同UI元素的的关系，同时，能够使得用户的注意力聚焦在重要的地方。 所有的交互都是用体验版本的InVision Studio…

css设置垂直居中

说起自定义字体font-face，讲真的其实不大熟悉，用的最多的时候是定义iconfont，语法也基本不需要自己写，要么用postcss插件，要么在生成iconfont的时候自动生成对应的字体定义。除掉iconfont，对字体方面的东西实在是知之甚少，毕竟在经历的多个公司项目中…

vue-cli 3.0生成的工程里面，会使用这一特性，之前不懂，最近抽时间研究了下，感觉还是挺有用的，希望对大家有所帮助

Vivify is free CSS animation library.

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…