→ StarTouching:CSS3最常用的應該是圓角框框 不必再依賴圖片10/10 13:31
↑ ↑ ↑ ↑ ↑
我不是專業的設計師
只是曾經有一段時間很瘋css
所以來提供一點個人經驗給大大們參考
其實我一開始玩css3時
也是怕怕的
所以大致上也是只玩圓角框框這種影響不大的地方
不過後來我都這樣做
→ 先寫完可以通用的css語法 然後再以css3做加強
例如
div{background:url(http://aaa.png)} ← 所有瀏覽器通用
div{background:hsla(0,100%,100%,.8)} ← css3
這樣的好處是
即使css3效果出不來 也不至於整個跑版
自從設了這道"防線"我就放膽去玩了
我個人不喜歡animation
因為用得不好會讓使用者覺得畫面很亂
這需要一定程度的設計功力
但是css3的選取器(selector)很強大
這讓我這種即使是用部落格的 也有很大的發揮空間
一般來說 部落格的html比較受限於服務平台
但是css3讓我可以將部落格首頁重新排版
請看我的部落格 http://thisblogexist.pixnet.net/blog
用到的語法是
.article:not(:only-child){}
其中":not"和":only-child"都是css3的選取器
另外一個我個人很喜歡的
是column的效果
可以做到類似於書本一頁一頁的感覺
不過css3一旦玩久了
就會想要有更多更多的特效
於是萌生一種想去玩看看JavaScript和jQuerry的念頭
這時候還是需要回歸到設計層面
看看需要什麼效果 然後再選擇適合的工具
--
解放雞之怒 http://thisblogexist.pixnet.net/blog
閱讀、沉思、寫程式、裝可愛！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 175.182.194.105
→ Rplus:最後一句很棒! 10/11 00:23
→ superpai:有CSS3之後 特效上就不需要JS/jQuery了吧 10/11 07:12
→ Telete:CSS3可以取代JS和jQ嗎？？ 10/11 10:47
→ Telete:如果可以就好了，學JS/jQ學得頭好痛 10/11 10:48
推 aspdoctor:js不止可以做做動畫而已，目前是無法取代 10/11 11:06
→ kurtisgod:有些東西還是需要JS/JQ去做 10/11 11:20
→ superpai:我是說特效上。 10/11 11:33
推 pm2001:jquery animate CSS怎麼取代? 10/11 11:36
→ kurtisgod:Animate.css 10/11 11:45
推 Telete:那像是廣告輪播 slider可以用CSS取代嗎@@ 10/11 11:47
→ Telete:JSJQ真的好難啊啊~__~ 對完全沒程式基礎的人而言orz 10/11 11:48
→ kurtisgod:carousel這東西還是乖乖用JS/JQ吧 而且CSS只會愈來愈程 10/11 11:51
→ kurtisgod:式化 10/11 11:52
→ danny8376:輪播還是用JS +1 用CSS來做說真的只會更複雜XD 10/11 12:32
推 aspdoctor:過場動畫是可以完全用css3取代，只要客戶的電腦沒有IE67 10/11 13:04
→ aspdoctor:89……所以還是用js比較快 10/11 13:04
推 lom123456:我只有在js太肥的時候]才會想用css做動畫XD 10/11 21:30