ASP.NET 2.0 自訂 Web 控制項實現 DirectX 圖像轉換濾鏡效果

專案架構：11 個專用控制項

• 文字效果控制項 (6)：CCBlurredLabel、CCDropShadow、CCEmboss、CCEngrave、CCGlowingText、CCGradient (漸層背景面板)。皆為容器控制項，可直接輸入文字或放入 Label。
• 頁面轉場效果控制項 (5)：CCPageTransition_Iris、CCPageTransition_Pixelate、CCPageTransition_RadialWipe、CCPageTransition_GradientWipe、CCPageTransition_Wheel。拖曳至表單設定屬性即可，離開頁面時自動套用轉場。

技術原理與限制

• 利用 Microsoft DirectX 轉換濾鏡 (DX Transform)，僅支援 Internet Explorer (含 IE 模式)。
• 非 IE 瀏覽器仍可顯示文字內容，但無視覺特效。
• 企業內網確保 IE 環境適用；公開網站建議偵測瀏覽器並提示使用 IE。

範例網站結構

• DxFilterControls：類別庫專案，含 11 個控制項原始碼。
• DxFilterTestSite：示範網站，單一 Default.aspx 頁面逐一展示效果。

像素化轉場效果展示

圖示：頁面切換時呈現像素化溶解動畫。

現代替代方案建議

DirectX 濾鏡已淘汰，現代 Web 應用建議使用 CSS3 Transitions/Animations、Canvas API、WebGL 或 GSAP 等跨瀏覽器動畫技術實現同類效果。