堆栈内存溢出
  简体   繁体   English

如何在页面加载后 2 秒内使图像淡出

[英]How to make an image fade in 2 seconds after page is loaded

 原文  2021-02-07 16:17:18  0   1    javascript/ html/ css

问题描述

So basically I have SVG image of this arrow in my website, and I already have an animation set to it with CSS, so it can move up and down.所以基本上我的网站上有这个箭头的 SVG 图像，我已经用 CSS 设置了 animation，所以它可以上下移动。

The problem is everything fades in when the page loads (because I've added CSS animations to them) and I was hoping if someone could help me to make the arrow fade in not just appear using JavaScript.问题是页面加载时一切都消失了（因为我已经向它们添加了 CSS 动画），我希望是否有人可以帮助我使箭头淡入而不仅仅是使用 JavaScript 出现。

1 个解决方案

解决方案1
 0  2021-02-07 16:34:07

You can use the CSS property transition-delay (supposing you are using CSS for the fading).您可以使用 CSS 属性transition-delay （假设您使用 CSS 进行衰落）。 See W3Schools for more information.有关详细信息，请参阅W3Schools 。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使页面上的每个图像在滚动时淡入 - How to Make Every Image on a Page Fade In on Scroll 使用jQuery加载页面后，如何淡入div？ - How can I fade a div after the page is loaded using jQuery? 页面加载后如何禁用提交按钮10秒钟 - how to disable a submit button for 10 seconds after the page is loaded 几秒钟后如何淡出div - How to fade out div after a few seconds 图像加载后如何使Alert运行？ - How to make Alert to run after the image is loaded? 单击后如何使启动页面淡入淡出 - How to make the splash page div fade after being clicked 从数组设置后如何使图像淡入/滑入？ - How to make an image fade/slide in after being set from an array? 加载后如何淡入图像对象 - How to fade in image objects once loaded 如何使图像在计时器上褪色 - How to make image fade on timer CSS3淡入页面加载，几秒钟后消失 - css3 fade in on page load, out after seconds
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM