Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
yuna-wu-organization-interpretation [2023/06/06 19:01] – yuna.wu | yuna-wu-organization-interpretation [2024/06/23 22:12] (current) – steve.wang | ||
---|---|---|---|
Line 12: | Line 12: | ||
{{ :: | {{ :: | ||
+ | |||
+ | < | ||
+ | < | ||
+ | html { | ||
+ | display: none; /* Makes the image a block element */ | ||
+ | opacity: 0; /* Initially hides the image */ | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | </ | ||
+ | < | ||
+ | document.addEventListener(" | ||
+ | document.documentElement.style.display = ' | ||
+ | setTimeout(() => { | ||
+ | document.documentElement.style.opacity = ' | ||
+ | }, 100) | ||
+ | }) | ||
+ | |||
+ | window.addEventListener(' | ||
+ | document.documentElement.style.opacity = ' | ||
+ | }) | ||
+ | </ | ||
+ | </ |