master

分支 (1)

管理

管理

master

spoof
/
以何烨为名的网页.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>以何烨为名的网页</title>

    <style>
        @keyframes move {
            0% {

            }
            100% {
                transform: translate(300px,200px) rotate(360deg);
            }
        }
        h1 {
            display: none;
            /* transition: ; */
            animation: move .4s forwards;
        }

        img {
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <button>请点击它</button>
    <h1>何烨大傻子！！！！哈哈哈哈哈哈
        <img src="https://img1.baidu.com/it/u=2024035245,3701981705&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1663952400&t=8aaf220d8b9d17ec05131150ce3f6812" alt="">
    </h1>

    <script>
        var btn=document.querySelector('button');
        var h1=document.querySelector('h1');
        btn.onclick=function(){
            btn.style.display='none';
            h1.style.display='block';
        }
    </script>
</body>
</html>