專案前端使用element-ui框架，其提供的dialog彈出框沒有過渡動畫，比較單調，專案需要實現關閉彈出框時，彈出框逐漸縮小並移動到右上角消失。
只能自己手動修改css樣式，這裡用到了animation 和 transform屬性；
貼**：
其中.popout-box的class屬性是通過befroe-close繫結上去的。模態框開啟的時候沒有，關閉前設定class，然後通過class繫結動畫效果。
.popout-box
@-webkit-keyframes close_com
} @keyframes close_com
}
transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉，縮放，移動，傾斜等。
translate()設定x,y軸移動；scale(0)設定逐漸變小直至消失；
彈出框外掛程式 dialog
基於jquery和dot.js彈出框外掛程式，相容ie6 等其他瀏覽器。思想 彈出框元素插入body節點中，並在頁面垂直居中顯示 fixed定位 觸發確定和關閉事件繫結。注意ie6包含兩個問題 一 select flash不能遮罩，採用iframe。二 fixed屬性採用滾動時重新計算高度或在樣式中...
彈出框 dialog 製作
對一般的 而言，彈出框是比較常見的。或是給出使用者操作提示，或是通過彈出框開啟乙個小視窗以提示資訊，或是給出錯誤警示等等。但是由於瀏覽器自帶的彈出視窗alert confirm prompt 樣式比較單調，且不同瀏覽器有不同的預設樣式設定。所以在日常工作中，給 做乙個自定義的彈出框十分必要。當然一般...
dialog粗說 彈出對話方塊
dialog外掛程式dialog外掛程式 作用彈出對話方塊 首選載入css與js 首選載入jquery.js檔案 載入dialog.js檔案 載入dialog.css樣式 可以不用載入dialog.js檔案 var dialog function var center function var di...