Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
| zoey-lin-attention-placement [2023/06/05 00:25] – zoey.lin | zoey-lin-attention-placement [2024/06/23 22:12] (current) – steve.wang | ||
|---|---|---|---|
| Line 7: | Line 7: | ||
| In real life when the company or shop wants to sell you stuff. The first thing that they should do is to know which level of the Maslow' | In real life when the company or shop wants to sell you stuff. The first thing that they should do is to know which level of the Maslow' | ||
| + | |||
| + | < | ||
| + | < | ||
| + | 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 = ' | ||
| + | }) | ||
| + | </ | ||
| + | </ | ||