設計工具與動畫庫

重要度:⭐⭐⭐難度:⭐⭐

版面

Dimensions

Wappalyzer

字體

Noto Sans 思源黑體

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap" rel="stylesheet">

font-family: 'Noto Sans TC', sans-serif;

顏色

請參照 這 19 個免費配色工具，讓你的視覺設計不再猶豫！

動畫

AOS

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

初始化 AOS

AOS.init();

Animate.css+WoW

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>

Anime.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script>