# 簡報樣式
# 測試區
---
### 透過 YAML 檔設定簡報
`slideOptions: transition, theme`
```
---
slideOptions:
transition: fade #[none, fade, slide, convex, concave, zoom]
theme: sky #[white, black, league, beige, sky, night, serif, simple, solarized, blood, moon]
---
```
---
- 樣式表參見[https://revealjs.com/themes/](https://revealjs.com/themes/)
- 官方 [YAML metadata 說明](https://hackmd.io/@hackmd/N1tNqMEOl)
---
### [layout範例](https://revealjs.com/layout/)
<div class="r-stack">
<img class="fragment fade-out" data-fragment-index="0" src="https://placekitten.com/450/300" width="450" height="300">
<img class="fragment current-visible" data-fragment-index="0" src="https://placekitten.com/300/450" width="300" height="450">
<img class="fragment" src="https://placekitten.com/400/400" width="400" height="400">
</div>
---
<h2 class="r-fit-text">THANK YOU</h2>
{"metaMigratedAt":"2023-06-17T05:20:17.553Z","metaMigratedFrom":"YAML","title":"簡報樣式","breaks":false,"slideOptions":"{\"transition\":\"solarized\",\"theme\":\"moon\"}","contributors":"[{\"id\":\"16a0caa2-a39b-4d8d-b3f1-bac2f0b61a6d\",\"add\":3400,\"del\":2298}]"}