[問題] CSS3可以有超過兩個pseudo elements嗎
《前提》
希望全部都在 css 裡面解決
這樣我在 html 裡面只要套用一個 class 就可以重複運用
《目標》
要做一些 border animation
不過 border 有四個邊
pseudo elements 我所知只有 :before, :after 兩個
請問有辦法設定四個嗎
範例如下
http://codepen.io/anon/pen/PZZQog
(範例裡面只有上下邊，但我想多做左右邊）
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 116.87.43.238
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1450241261.A.5BB.html
推
12/16 23:16, , 1F
12/16 23:16, 1F
→
12/16 23:18, , 2F
12/16 23:18, 2F
→
12/16 23:19, , 3F
12/16 23:19, 3F
→
12/16 23:20, , 4F
12/16 23:20, 4F
→
12/16 23:21, , 5F
12/16 23:21, 5F
謝謝回覆，svg我也有去研究過
不過我要的動態效果是完全跟scroll位置結合
(也就是 scroll 到中間的話，動畫也會停在中間)
而不是在某個點觸發整個動畫
svg 也可以做這個嗎
另外想問，svg 會有瀏覽器支援的問題嗎
http://caniuse.com/#search=svg
這裏看起來是有點狀況但又不是很確定就是了
※ 編輯: content71 (116.87.43.238), 12/17/2015 03:42:32
推
12/17 23:31, , 6F
12/17 23:31, 6F
→
12/17 23:32, , 7F
12/17 23:32, 7F
→
12/17 23:32, , 8F
12/17 23:32, 8F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
