opacity

一、background-image不支持css3 transition background-image 不支持CSS3 transition ，而CSS3 gradient渐变作为背景图片存在的时候，下面的CSS设置是不会有过渡效果的。 鼠标hover会发现渐变的变化是很唐突的，一点过渡效果也没有。 下面问题来了，如果我们希望实现渐变hover时候有过渡变化的效果，该如何实现呢？我这里罗列的几种可行的方法

本博以前的搜索栏是浮动在右上角的，看上去比较碍眼，可是JiaJieChan的想法却是如此，原意是要隐藏掉2/3的搜索框，鼠标悬停就展开回车就立即搜索。 原来是想造个下拉的图标什么的，提示这里有个搜索栏隐藏了，可是这设计天赋为零。于是就用了最为流行的平面设计，其实就一2d图形最简单的