Javascript CSS从左到右淡入
是否有一种方法可以只使用CSS从左向右淡入淡出元素（至少是文本）或从左向右淡出淡入淡出元素 以下是我的意思的一个例子：Javascript CSS从左到右淡入,javascript,jquery,css,fade,Javascript,Jquery,Css,Fade,是否有一种方法可以只使用CSS从左向右淡入淡出元素（至少是文本）或从左向右淡出淡入淡出元素 以下是我的意思的一个例子： 实际上，如果需要jQuery，我也接受这一点，作为第二个优先事项。 < P>在PS图象处理软件或其他图像编辑软件中，创建一个中间透明的圆形区域，并在所有的边上淡出白色。根据需要随意裁剪顶部/底部。然后，您可以使用css转换从左到右为图形设置动画，以实现演示中的效果。对于IE等不支持转换的浏览器，请使用jquery中的cssHooks功能来使用jquery执行动画 您可以使用c
实际上，如果需要jQuery，我也接受这一点，作为第二个优先事项。
< P>在PS图象处理软件或其他图像编辑软件中，创建一个中间透明的圆形区域，并在所有的边上淡出白色。根据需要随意裁剪顶部/底部。然后，您可以使用css转换从左到右为图形设置动画，以实现演示中的效果。对于IE等不支持转换的浏览器，请使用jquery中的cssHooks功能来使用jquery执行动画您可以使用css渐变创建此效果，但您会遇到浏览器支持问题，并且在css渐变上使用转换在性能方面非常糟糕。不过，简单地设置png24的动画非常简单，并且可以产生相同的效果。是的，您可以使用CSS3动画（）来实现 这里有一个简单的例子 HTML:
.text{
位置：相对位置；
线高：2米；
溢出：隐藏；
}
.衰减效应{
位置：绝对位置；
顶部：0；底部：0；右侧：0；
宽度：100%；
背景：白色；
-moz动画：在alternate infinite中显示隐藏5s轻松；/*Firefox*/
-webkit动画：在alternate infinite中显示隐藏5s轻松；/*Safari和Chrome*/
-ms动画：在交替无限中显示隐藏5s轻松；/*IE10*/
-o动画：在交替无限中显示隐藏5s轻松；/*Opera*/
动画：在交替无限中显示5s轻松；
}
@-webkit关键帧显示隐藏{/*Chrome，Safari*/
0%{宽度：100%}
40%{宽度：0%}
60%{宽度：0%；}
100%{宽度：100%；}
}
@-moz关键帧显示隐藏{/*FF*/
0%{宽度：100%}
40%{宽度：0%}
60%{宽度：0%；}
100%{宽度：100%；}
}
@-ms关键帧显示隐藏{/*IE10*/
0%{宽度：100%}
40%{宽度：0%}
60%{宽度：0%；}
100%{宽度：100%；}
}
@-o-关键帧显示隐藏{/*Opera*/
0%{宽度：100%}
40%{宽度：0%}
60%{宽度：0%；}
100%{宽度：100%；}
}
@关键帧显示隐藏{
0%{宽度：100%}
40%{宽度：0%}
60%{宽度：0%；}
100%{宽度：100%；}
}
这里有一些文字！