1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 此處為說明,勿放到語法中否則會造成錯誤 有時候噗首其他語法設定可能會和這個語法衝突,兩種方法擇一使用,第一種不可行再換第二種試試。 如果都會衝突可以到下面這個噗詢問修改。 https://www.plurk.com/p/ob2ctr ====================== /*整個轉噗模糊(第一種方法)*/ .timeline-cnt .q_replurks:before { /*這裡勿動*/ content:""; display:block; position:absolute; top:0; left:0; /*這裡勿動*/ width:100%; height:100%; z-index:1; /*模糊程度*/ backdrop-filter: blur(3px); } .timeline-cnt .display .q_replurks:before { display:none; } ===================== /*整個轉噗模糊(第二種方法)*/ .timeline-cnt .text_holder { position:unset; } .timeline-cnt .text_holder .text_holder:before { /*這裡勿動*/ content:""; display:block; position:absolute; top:0; left:0; /*這裡勿動*/ width:100%; height:100%; z-index:1; /*模糊程度*/ backdrop-filter: blur(3px); } .timeline-cnt .display .text_holder .text_holder:before { display:none; } |
Direct link: https://paste.plurk.com/show/Ud2GrN3YsXhKCwh0ZWyh