標籤彙整:css

教學:淺談 Sublime Text 的安裝設定及入門操作 – [ 下篇 ]

sublime text-install package

又過完一個連假,進入了3月~不知道大家還記得上一回做的 Sublime Text 基本下載與安裝嗎?
這次我們要延續上一次的進度,也就是已安裝好的「 package control 」套件,現在就要利用它,來進行其他外掛的安裝作業… 繼續閱讀

in Free Resource 好康報報

教學:淺談 Sublime Text 的安裝設定及入門操作 – [ 上篇 ]

sublime_download

相較於普遍多人初學網頁時,會選擇使用的「 Dreamweaver 」軟體,「 Sublime Text 」最大的優勢就是它有著大量實用的外掛程式,每個人可以根據自己使用上的需求,安裝其所需的外掛,讓這套軟體更為完備且能發揮更大的功效。
所以,只要能夠善用擴充套件的功能,其實「 sublime Text 」是個可以大大提高網頁建置效率的好工具喔… 繼續閱讀

in Free Resource 好康報報

CSS3 Transition 轉場動畫應用實例 – 滑動廣告篇

01

再來一篇換湯不換藥的範例,我們稱它為滑動廣告!其觀念是與前篇一模一樣,僅僅是 HTML 結構不一樣而已!請各位仔細聽我說來…若還不熟悉請見以下兩篇文章~淺談 CSS3 Transition 轉場動畫效果 CSS3 Transition 轉場動畫應用實例 – 滑動選單篇 繼續閱讀

in CSS 語法 - 網頁設計

CSS3 Transition 轉場動畫應用實例 – 滑動選單篇

CSS3 Transition 轉場動畫應用實例

不知各位有沒有仔細研讀 淺談 CSS3 Transition 轉場動畫效果 的文章內容呢?如果沒有仔細研讀的話,請趕快回去複習一番!否則,會不知道接下來我要做什麼喔!?接下來,要教各位利用 CSS3 Transition 來製作出網路上常見的滑動選單效果。 繼續閱讀

in CSS 語法 - 網頁設計

CSS3 Transform 變形效果 – 3D 篇

CSS3 Transform 變形效果

再來篇差不多的文章,同樣是換湯不換藥~當然還是要為各位解說一下 CSS3 Transform 的 3D 基本觀念。首先,我要先釐清一下軸線的方向: 哇~真是太神奇了!在高興的同時別忘了~並不是所有的瀏覽器都有支援!請各位還是以先進的瀏覽器以進行檢視吧! 繼續閱讀

in CSS 語法 - 網頁設計

CSS3 Transform 變形效果 – 2D 篇

Coding 解說

嗯~就叫它「變形效果」吧!在 CSS3 中再加入了 Transform 效果囉!此屬性可產生一些簡單的 2D 變形如縮放、旋轉、傾斜。此外,更可產生 3D 的變形,這…真的是太強悍啦!在高興的同時別忘了~並不是所有的瀏覽器都有支援! 繼續閱讀

in CSS 語法 - 網頁設計