html如何实现一行文字过长超出div最后渐隐的效果

你说的是隐藏吗？ 还是实现省略？ 如果是隐藏 直接对div设置长度 然后overflow:hidden

如果是省略 可以看下这个http://www.jb51.net/css/69034.html

h5中做动画的方法有很多种，一个一个说吧。

1、h5元素本身的位移、缩放，控制css属性即可，left、right、top、bottom，width、height，另外使用transform可以完成更复杂的变化。

2、透明度属性可以完成渐隐渐现效果，切换background-image属性，background-color属性。

3、在画布元素canvas中绘制，这是很多h5游戏引擎实现动画的方法，可以去学习一个h5的游戏引擎。

4、还有一个是矢量图方式，svg代码，用代码控制svg元素也可以完成很好的动画效果，像d3.js这样的图表引擎便使用svg进行绘制。

最简单的方法,具体步骤如下:

1、将前景色调为白色，背景色调成黑色

2、在你要处理的图层上添加一个图层蒙板（菜单栏：图层——添加图层蒙板——隐藏所有。注意，不要选成矢量蒙板了）

3、在工具栏选择渐变工具，选择线形渐变效果，然后在添加的蒙板层上进行适当拖拉，你就可以看到逐渐透明，最终融入背景的效果了。

---