首頁線上工具開發工具

CSS Animate 線上 CSS3 動畫產生器

CSS Animate 線上 CSS3 動畫產生器

CSS 是用來控制網頁的布局與樣式，對圖檔與動畫的支援都不多，因此，大家看到網頁所呈現的圓角、陰影、漸層、半透明...等特殊效果，幾乎都由圖片來完成，當然網頁載入的速度也就會慢一些，而 CSS3 除了 CSS 原有的屬性外，大幅增加對圖像與動畫的語法支援，以前要用圖片處理的圓角、漸層、陰影...等等，都可以靠 CSS3 來完成，另外，為增加網頁的可看與互動性，CSS3 的動畫屬性，也讓製作者減輕製作的成本，更讓觀看的用戶，免去瀏覽器安裝擴充程式所帶來的資安風險與惡意程式的假藉更新名義實則進行勒索攻擊等問題。CSS3 立意很好，但對初學者來說門檻很高，我們可以透過像 CSS Animate 這類的線上免費工具，加快我們的學習並製作出具水準的動畫。

§相關文章，還可以參閱：

如何使用 CSS Animate ？

1.使用瀏覽器進入 CSS Animate  網站，右側欄有屬性表可供調整，首先先用滑鼠移動 Timeline 來建立新的控制點，並在動畫屬性中調整動畫時間、重複次數、Timing function、旋轉位置等，過程中，我們可以隨時按播放來檢視效果。

CSS Animate 線上 CSS3 動畫產生器

2.如果不想自行調整，可以點擊 Examples 來套用已做好的範本。

CSS Animate 線上 CSS3 動畫產生器

3.將網頁繼續往下拉，便可看到該動畫的語法。

CSS Animate 線上 CSS3 動畫產生器

※當應用的網頁時，滑鼠經過該物件時，動畫就會開始。

每當有應用程式當掉或 Windows 系統反應變慢的狀況時，通常會開啟 Windows 內建的「工作管理員」然後切換到[處裡程序]頁籤來查看原因或直接關閉應用程式等，不過若發覺 Windows 內建的「工作管理員 - 處裡程序」所提供的資訊並不是很詳細，可以來試試 Process Explorer 這套等同由微軟開發的免安裝又免費的應用工具，不僅具有原「工作管理員 - 處裡程序」的監視、終止進程與檢視 CPU 活動、記憶體使用、磁碟 I/O、網路活動等等情況外，還可以檢視程序所開啟的 DLL 檔案，若遇到自己不熟悉的程序還可以直接通過預設的搜尋引擎直接連到網路來搜尋，相當方便。

電腦裡的硬碟空間又滿了，到底硬碟裡存放了那些檔案，那些檔案佔用大部分的空間，雖然可以使用磁碟空間分析及管理工具，像是 <a href="/132/">SpaceSniffer 磁(硬)碟空間分析工具(免安裝)</a> 及 <a href="/374/">TreeSizeFree 檢視所有磁碟及資料夾所占用的硬碟空間(免安裝) </a>或 <a href="/436/">Disk Space Fan 圖形化的磁碟空間分析及管理工具</a> 來協助，但僅是分析，最後還是要靠自己的判斷來刪除，但若能先將硬碟裡重複存放的檔案先找出來刪除的話，應該就能節省出不少的空間。Duplicate Cleaner 就是一套能快速將重複存放在電腦裡的檔案找出來，讓使用者來判斷是否保留或刪除。