时间戳

首页 > 解决方案 > 如何在网站打开时进行放大功能

css - 如何在网站打开时进行放大功能

问题描述

如果您打开我的网页，我如何制作代码，然后会发生这种情况：https://www.youtube.com/watch?v=tGsKzZtRwxw使用 css？

但我想要的是徽标首先放大（更快，可能是 5 秒，直到动画结束）以显示徽标，然后当您浏览我的页面时它会转到左上角。这是一个以星球大战为主题的学校项目。

标签： cssanimationzoom-sdk

解决方案

你可以试试 CSS 缩放规则：

<script type="text/javascript">
        function zoom() {
            document.body.style.zoom = "300%" 
        }
</script>

<body onload="zoom()">
<h6>content</h6>
</body>

注意：它只会使页面上的所有内容变大

推荐阅读