创建“显示内容”效果的好方法
A good way to create an "appearing content" effect
我需要一种效果,当打开页面时,网站中的某些div会淡入(因此它们将从0淡入100不透明度)。
我已经用js创建了这种效果,但我不确定这是否是最好的方法。我很想得到一些关于获得创建类似效果的好方法的想法。
出于某种原因,我相信这可以用纯 css3 来完成,你怎么看?
纯 CSS 将起作用:
@keyframes fadein {from{opacity:0} to{opacity:1}}
@keyframes fadeout {from{opacity:1} to{opacity:0}}
然后,您可以在要淡入的元素上使用animation: fadein 1s linear
(或其他任何内容)。
我会使用jQuery的.fadeIn('')函数。
相关文章:
- 当单击第一个李时,它显示内容一,当单击第二个李时,它显示内容二
- 如何根据URL显示内容
- 使用jQuery切换来显示内容,但防止在用户单击输入元素时关闭
- Push方法显示错误
- jquery on click事件来显示内容
- 正文中未显示内容
- 避免在用ng href加载样式表之前显示内容
- ajax加载后显示内容
- JS方法显示了未定义的简单示例
- 如何使用 html 类或 id 在任何地方显示内容
- 使javascript按钮隐藏或显示内容切换
- 如何隐藏内容一和显示内容二
- 组合用于隐藏或显示内容的方法
- 显示内容时出现问题
- 单击即显示内容而不重新加载/刷新页面
- Angular 2 json 管道显示内容但不显示实际数据
- 使用 JSON 从 PHP 返回数组并以 HTML 显示内容的适当方法
- 如何使用jQuery在索引方法上加载Laravel中显示方法的内容
- 创建“显示内容”效果的好方法
- 显示内容的另一种方法