【CSS 3】透過transform: rotate做出圖片、網頁傾斜的效果

之前新聞曾報導,在手機版的Google網頁裡面搜尋「傾斜」的話,得到的網頁會往右邊斜,這其實並不是很難做出來的效果,只要使用一行CSS語法就可以達到了,因為他已經是CSS 3的標準之一囉~ 目前來講這個傾斜的CSS 3語法IE系列還不支援(包含IE 9),另外就是說使用的時候不是一行就能,而是要分成很多行,因為每種瀏覽器對應的語法都不太相同,這點應該在日後會改善

閱讀全文 【CSS 3】透過transform: rotate做出圖片、網頁傾斜的效果

【CSS 3】純粹使用CSS就可以讓你的網站擁有圓角效果!

在CSS 2的時代,我們如果要讓圖片、div標籤擁有圓角效果其實是蠻麻煩的,簡單點的用法是套用jQuery裡面別人幫你寫好的Function,如果喜歡自己搞的話,就必須要設計圓角圖,然後讓圓角圖去重疊,反正就是很複雜就對了,但是在CSS 3裡面,你不在需要用那麼麻煩的東西,直接在CSS語法裡面設定就可以了!

閱讀全文 【CSS 3】純粹使用CSS就可以讓你的網站擁有圓角效果!