opacity

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

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

最近在执行的手机版网页专案，针对其中许多 icons，我都使用了 SVG 图片来取代高解析装置下表现地惨不忍睹的 PNG 图片，锐利的向量图片放大缩小也不怕，真棒。 但在进行不同装置的测试时，发现在某些 Android 上用原生浏览器浏览时，某些 SVG 图片特别模糊，毛边都相当明显，但又不是每张 SVG 图片都是如此，相当诡异。 经过比较发现，在我这个专案的情境中，只有被套上 transform: rotate 或 position: fixed，且是 background-image 方式使用的 SVG 图片会有这个问题