CSS3 Transform 變形效果 – 3D 篇

CSS3 Transform 變形效果

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

in CSS 語法 - 網頁設計

CSS3 Transform 變形效果 – 2D 篇

Coding 解說

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

in CSS 語法 - 網頁設計

PHOTOSHOP 入門教學 – 圖片固定裁切與白邊

SNAG-0000

各位同學有過想將圖片做出拍立得照片的效果,卻又用了半天每張大小還不見得一樣嗎?一張一張慢慢調太麻煩了, photoshop 的剪裁工具可以讓各位同學省不少力唷。 繼續閱讀

in Photoshop 影像設計

Adobe Photoshop CS6 快速製作「3D立體文字」

自從Photoshop CS4後,就已提供3D立體的模式,在Photoshhop CS6有了重大的改變後,與3D元件的強化,效果以比往常來的更好,且操作也更簡單,大部分都直接在圖片上方,就可完成所有的設定與調整,現在就一塊來看看囉 繼續閱讀

in Photoshop 影像設計

淺談 CSS3 Transition 轉場動畫效果

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

in CSS 語法 - 網頁設計

CSS3 Media Queries 媒體查詢

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

in CSS 語法 - 網頁設計