iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

HTML5 & CSS3 系列

關於 html5 & css3 的運用

參賽天數 25 天 | 共 28 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 21

30天分享(23) - CSS3 文字

30天分享(23) - CSS3 文字 CSS3 文字部分新增了陰影及自動斷行功能等等, 來看看新增以下那些功能 ----- 陰影使用方式 : text-sh...

2014-10-21 ‧ 由 cretise0415 分享
DAY 22

30天分享(24) - CSS3 字型

網頁字型在 CSS3 可以使用自訂的字型, 但必須是以下三種檔案類型, TTF 、 OTF 、 WOFF 這些檔案類型主要瀏覽器都有支援, 使用自訂自型的程式碼...

2014-10-22 ‧ 由 cretise0415 分享
DAY 23

30天分享(25) - CSS3 互動式動畫

CSS3 新定義了互動式動畫,這是一個很棒的改變, 提供了直接在 CSS 檔裡設定完,不需依靠 javascript 就能做出簡單的動畫, 比方說能以純 CSS...

2014-10-23 ‧ 由 cretise0415 分享
DAY 24

30天分享(26) CSS3 RGBA 色彩

透明度除了最常用的 opacity 屬性之外, 還可以用 rgba 的數值修改透明度, 使用的方式如下 : background-color: rgba(255...

2014-10-24 ‧ 由 cretise0415 分享
DAY 25

30天分享(27) - CSS3 Can I Use?

設計 CSS3 網頁最麻煩的就是各家瀏覽器的支援度, 如果在測試時沒跑出效果的話很可能是瀏覽器不支援, 但 CSS3 這麼多功能,該如何知道我的瀏覽器支援那些呢...

2014-10-27 ‧ 由 cretise0415 分享
DAY 25

30天分享(28) - CSS3 動畫

CSS3 動畫跟互動式動畫不同,互動式動畫需要使用者有執行動作才會反應, CSS3 動畫是開啟頁面後會直接自動播放,可以應用的範圍很廣, 我們先來看看是怎麼使用...

2014-10-27 ‧ 由 cretise0415 分享
DAY 25

30天分享(29) - CSS3 多欄文字

文章有時候太長不好閱讀該怎麼讓閱讀體驗變好呢? 如果寬度都不做調整,跟內頁一樣塞滿整頁的寬, 或者是太長沒有適度空白的空間讓讀者休息, 都是極差的閱讀體驗。 就...

2014-10-27 ‧ 由 cretise0415 分享
DAY 25

30天分享(30) - CSS3 區塊設定

CSS3 可以對一個區塊更細微的設定, 以下介紹三個功能 : resize box-sizing outline-offset 1. resize : 能設...

2014-10-27 ‧ 由 cretise0415 分享