有網友在影像縮放位移突顯效果中留言說該效果不用程式也能做出來。是的~在 CSS3 的 transition 及 transform 的加持下,像這樣的效果都能不靠程式就實做出來了。
CSS3 應用 »
[CSS3]用 CSS3 畫圖示 - 雲朵
CSS3 除了用來裝飾網頁元素之外,其實如果你有天份的話,學學之前的日本神人透過畫出個哆啦a夢也不是什麼大問題哩。當然啦~羅馬不是一天造成的,現在要立馬畫出哆啦a夢是太強人所難了,所以我們就從最基本的圖示來練習吧!
CSS3 應用 »
[CSS3]用 CSS3 做畫廊 - 滑入滑出時偽原地縮放圖片
筆者在用 jQuery 做畫廊 – 滑入滑出時偽原地縮放圖片中為了達到以中心為原點的縮放效果,程式中寫了較多的判斷。但其實使用 CSS3 的 transform 的話,根本不用寫什麼複雜的語法就能達到以中心為原點進行縮放了。
CSS3 應用 »
[CSS3]用 CSS3 做載入動畫 - 圓形旋轉式載入動畫
CSS3 應用 »
[CSS3]用 CSS3 做設計 - 依連結的檔案類型顯示圖示
今天也一樣是要將之前的依連結的檔案類型顯示圖示改用 CSS3 再搭配個 ::after 擬元素(Pseudo-elements) 來做出一樣的效果。