修改全屏按钮图标和实现全屏功能

mark

课程简介

全屏功能是Web3D应用程序中经常使用的功能,因为在浏览器中全屏后可以让用户获得原生应用的感受。因此,在Verge3D中默认集成了全屏按钮,但是如果我们想实现个性化样式的按钮应该怎么做呢?直接替换默认图标当然可行,但是如果你还有其他功能的按钮,如何让它们样式一致,这种简单的做法就可能面临一些问题。一个小按钮,会让你学到很多东西。

学习目标

掌握利用拼图控制全屏按钮样式,使用拼图实现HTML按钮,了解媒体查询@media,实现响应式布局。

课程内容

  • 直接替换图标
  • 使用拼图替换图标
  • 实现全屏功能
  • 创建一个工具栏
  • 响应式布局

课时

1小时

Copyright © zjbcool.com 2020 all right reserved,powered by Gitbook最后更新: 2020-01-03 17:32:54

results matching ""

    No results matching ""