分類彙整: CSS 教學 – 網頁排版

CSS3 教學 Transition 轉場動畫 – 滑動選單篇

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

in CSS 教學 - 網頁排版

CSS3 教學 Transform 變形效果 – 3D 篇

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

in CSS 教學 - 網頁排版

CSS3 教學 Transform 變形效果 – 2D 篇

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

in CSS 教學 - 網頁排版

淺談 CSS3 Transition 轉場動畫效果

哇… CSS3 出現轉場效果了耶!也就是俗稱的動畫效果~讓您的滑入( :hover )不再是死板板的變化了!不過,還是請各位不要使用腦殘的 IE 來觀看喔!否則的話,是看不到 CSS3 Transition 的轉場動畫效果喔!以下幫各位整理一下瀏覽器的支援性~ 閱讀全文

in CSS 教學 - 網頁排版

RWD 教學 CSS3 Media Queries 媒體查詢

隨著現今行動裝置的多樣化,各家廠商的智慧型手機、平板電腦推陳出新!手機的螢幕尺寸一家做得比一家大、平板電腦的螢幕尺寸也是大小不一,尺寸多樣,於是讓特定的螢幕尺寸來切換 CSS3 的 Media Queries 的需求性就產生了…. 閱讀全文

in CSS 教學 - 網頁排版, RWD 響應式網頁

HTML 到 HTML 5 的發展簡史

1982 年 Tim Berners-Lee 為使世界各地的物理學家能夠方便的進行合作研究,建立了 HTML,起初的 HTML 是以純文字格式為基礎。1993 年還是大學生的 Marc Andreessen 在他的 Mosaic 瀏覽器加入 標記 閱讀全文

in CSS 教學 - 網頁排版, Dreamweaver 網頁設計