看完這些 CSS 的技巧,我才知道什麼叫做互動,UED 都自愧不如
然後,利用兄弟選擇符~來定製和input相鄰的所有元素(+號也行,只不過只能選中最近的元素),例如可以用偽元素生成一個新的方框代替原先的input,利用偽類:checked和動畫來表示它被勾選後的狀態,本質上還是障眼法哦~本 DEMO 地址...
然後,利用兄弟選擇符~來定製和input相鄰的所有元素(+號也行,只不過只能選中最近的元素),例如可以用偽元素生成一個新的方框代替原先的input,利用偽類:checked和動畫來表示它被勾選後的狀態,本質上還是障眼法哦~本 DEMO 地址...
io/chriscoyier/pen/PXNPRqCreate Border Animation Css事例地址:https://codepen...