Javascript高级鼠标悬停

是否可以将元素中的文本颜色反转为背景？
例如：

所以第一张图像是正常状态.第二个是鼠标悬停期间,最后一个是完成鼠标悬停.
编辑：我希望背景滑出,每个角色的颜色随着黑色块“滑动”而改变.

解决方法

您可以使用CSS转换执行此操作.这是一个 example(在Opera和Chrome中测试过).当然,这种方法有几个缺点：

>浏览器必须支持CSS转换.
>这不是真正的反转,你必须手动设置颜色.
>额外加价.

虽然,第二个和第三个可以用JavaScript完成(计算反色并替换innerHTML).

编辑：
在egarcia said in his answer中,您可以使用自定义函数或jQuery为width属性设置动画,因此可以忽略第一个缺点.