>:point_right: <font color="blue">**緣由**</font>
>
>**使用開發者工具開啟print檢查是否有讓網頁讀到所寫的CSS**
>

---

<div class="print">
  <p class="no-print">------ 網頁顯示 ------</p>
  <hr>
  <p>------ 列印顯示 ------</p>
</div>

@media print{
  .no-print{ display: none; }
}

### 開啟開發者工具print檢查模式
**STEP 1.**


**STEP 2.**


**STEP 3.**


---

:star: **結論：**

**實際上還是要用網頁列印(ctrl+p)預覽列印畫面**

---
# 線上工具自動製作SVG簡易動畫


https://svgartista.net/

---
# 小工具


https://omatsuri.app/