簡單示範動畫效果:https://jsfiddle.net/birdie2019/bhdL4r7u/26/
之前看國外網友的作品覺得作品裡的表單動畫好看,細讀了code,發現只需用HTML和CSS就能做到
主要用到: * HTML required 屬性 * CSS :required 選擇器 * CSS :focus 選擇器 * CSS :valid 選擇器
了解他們的用法和關係,可以試試製作其他驗證動畫效果喔!
wow!
really great!
我的話,會再加上這個
#username ~ label:hover { cursor: text; }
這樣就讓 ux 更好、更順手了!
可以試試看,是不是讓 UX 更符合欄位特性了?
哈哈
真的欸!沒想到這部分,感謝~
感謝大大分享! 今天剛好在練習寫表單,待會馬上來試看看XD
你的轉職路上,還缺少一份自學作業包!寫完這幾包,直接拿作品去面試上班!
本論壇另有附設一個 LINE 新手發問&交流群組!歡迎加入討論!
wow!
really great!
我的話,會再加上這個
這樣就讓 ux 更好、更順手了!