css3之鼠标移入显示所有内容

在做这个之前，我先介绍一下做这个需要用到的知识点：
text-overflow属性

text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;

transition-property属性设置过渡动画所需操作的属性
transition-duration属性设置过渡动画持续时间，单位s(秒)，也可以为小数，如：0.5秒
transition-timing-function属性定义过渡方式（动画在过渡时间的速率）
重要知识点就这么多了，下面来看我们的代码吧：

	



下过雨的午后 时常经过的路口
却找不到理由 可以让我理所当然的经过
在桌上趴了很久 电话也拨了好几通
但回应却是 转接语音信箱中
于是我开始抱怨
是什么事物可以让你对我毫不眷恋
原来是你变了 原来是你变了
不会再主动了 不会再过问了
从前的一字一句一言一语全都成为人生中
不真实的一部分
原来是我笨了 原来是我笨了
笨得不会察言观色
笨到以为永远 你是我的
等到一切变得 不一样

鼠标移入前效果图：

鼠标移入后效果图：