而此刻的新浪微博的情形是用户鼠标滑过，彩虹简单跳一下，如不美观感受“灵气”少了点，那么好，我们可以设法加上一些效不美旁观看。

　　操作css3简单加上一些五角星欢畅的扭转飞出，然后淡出的效不美观。这样给人一种欢畅活跃的感受，仿佛点击里会有一些竞喜ⅲ这样既知足了当今诸多互联网产物但愿给页面添加活跃感的要求，又使得我们的页面不至于太闷，同时更能勾升引户的点击欲望。依次为五角星飞出的4个瞬间状况，如下图：

　　是不是很path?当然这只是一个示范，不代表我们UDC的品味。

　　操作按钮多态效不美观晋升直不美观感受

　　我们设计的时辰城市考虑按钮的三态(即使没有active，至少也要保证有link和hover吧)。按钮的三态用来模拟用户的点击过程，一个好的按钮设计可以年夜幅增添用户的点击欲，出格是一些电商网站上，一个button建造的是否精巧，是否吸惹人点击，甚至可以直接影响到电商网站的最终成交量。

　　而CSS3的到来，经由过程动画，渐变再加上按钮过渡效不美观，暗影等属性的使用，则可以加倍详尽的模拟整个用户点击的过程，使得用户在整个操作的交互过程都变得愉悦且愉快。好比下图我做的这个连系CSS3 3D所模拟的立体键盘效不美观。巨匠可以看到Z、X、N、M键是被按下的效不美观，其余是没有被按下的效不美观，如不美观用户在长按住按钮的时辰，还会呈现按键模拟被按下的过程动画。被按下后光线投影不变，而文字的凹凸感改变。这样便斗劲邃密的模拟了用户点击过程

　　看到这，列位看官可狞笑了，你这都是空言无补啊，都是还没上线的设想。当然路是一步步走的，饭是一口口吃的，我们不成能一会儿就把这么多优化设想一步上线，但其实我们在线上也有一些细节是用到了css3的些许特征。

　　好比在刚上线的微公益中多处鼠标划过都运用了过渡属性，使得鼠标滑过效不美观柔和且优雅。

　　还有投票项目，用户鼠标滑过介入者小头像，有0.2秒的过渡转变和2像素的绿色暗影扩散效不美观，这样可以精采的提醒用户当前所划过的用户。

　　其实良多交互细节效不美观是无法表此刻设计稿上的，这就需要我们工程师有必然的灵敏和直觉，最好能够在UE稿出来后就跟交互设计师商榷一些具体可行的交互方案，进而提高我们的产物使用体验。

　　而且css3受累于国内浏览器占比的现状，无法年夜面积使用。但我想，作为行业内的一分子，年夜细节入手，慢慢提高自己网站在高版本浏览器下的细节品质，若干好多也会影响到高版本浏览器的推进。如不美观您因为看了这遍文章，而去进级了自己的浏览器，起头考试考试使用firefox和chrome，那这篇文章就成功啦。第一次在UDC博客发博文，让列位年沂乱蝶笑了。