CSS中最简单的动画叫做 transition(转变)。Transition(转变)能让页面元素不是立即的、而是慢慢的从一种状态变成另外一种状态，从而表现出一种动画过程。

自从Wordpress自带的主题上放置了一个可以伸缩的搜索框后，这种效果的文本域在新兴的网站上出现的越来越多。实现这种效果其实很简单，鼠标点击下面的搜索图标，你会看到搜索框出现，并慢慢变长。使用简单的几行CSS就能完成它，当然，前提条件是，你要使用支持CSS3的现代浏览器，比如谷歌浏览器，火狐浏览器。