CSS实现鼠标通过，文字下方横线划过特效

昨天在聊天群里看见有人问，鼠标划过，文字下方横线从左向右划过怎么实现？做为初学前端的我页忍不住想要试一试本身可否实现这样的效果，固然用JS实现确实简单，另外本身最近刚巩固了css3的一些新的过渡和动画特性的编程，因此再巩固一下也好，遂决定用CSS3的一些特性来写这个特效。css            一开始为了最简单，我直接就是作好一个导航，ul > li  > a。 而后li左浮动布局。以下图所

>>阅读原文<<