Differences

This shows you the differences between two versions of the page.

--- yuna-wu-arb [2023/06/06 20:21] – created yuna.wu
+++ yuna-wu-arb [2024/06/23 22:12] (current) – steve.wang
@@ Line 5: / Line 5: @@
+<html>
+<style>
+html {
+    display: none; /* Makes the image a block element */
+    opacity: 0; /* Initially hides the image */
+    transition: opacity 1s ease-in-out; /* Smooth transition effect */
+}
+</style>
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+document.documentElement.style.display = 'block'
+setTimeout(() => {
+document.documentElement.style.opacity = '1'
+}, 100)
+})
+window.addEventListener('beforeunload', function (event) {
+document.documentElement.style.opacity = '0'
+})
+</script>
+</html>