artdialog 是一個用于創建對話框的 JavaScript 庫，它本身不直接提供動畫功能。但是，你可以通過 CSS3 或 JavaScript 來為 artdialog 添加動畫效果。
以下是一些建議的方法：
在你的 CSS 文件中，為 artdialog 的容器添加動畫屬性。例如，你可以使用 transition 屬性來實現平滑的淡入淡出效果：
.art-dialog {
/* 其他樣式 */
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.art-dialog.visible {
opacity: 1;
}
然后，在 JavaScript 中，通過添加或刪除 visible 類來觸發動畫：
art.dialog({
// 對話框配置
onClose: function () {
// 關閉對話框后，移除 visible 類以觸發動畫
this.$element.removeClass('visible');
},
});
你還可以使用其他 JavaScript 動畫庫（如 jQuery、GSAP 等）為 artdialog 添加動畫效果。以下是一個使用 GSAP 的示例：
首先，在你的項目中引入 GSAP 庫：
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
然后，使用 GSAP 為 artdialog 添加動畫：
art.dialog({
// 對話框配置
onClose: function () {
// 關閉對話框后，使用 GSAP 觸發動畫
gsap.to(this.$element, { duration: 300, opacity: 0, ease: 'power1.inOut' });
},
});
這樣，當你關閉對話框時，它將平滑地淡出。你可以根據需要調整動畫參數，以實現所需的動畫效果。
