🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

簡單示範動畫效果:https://jsfiddle.net/birdie2019/bhdL4r7u/26/

之前看國外網友的作品覺得作品裡的表單動畫好看,細讀了code,發現只需用HTML和CSS就能做到

主要用到:

了解他們的用法和關係,可以試試製作其他驗證動畫效果喔!


ฅ•ω•ฅ
按讚的人:

共有 4 則留言

wow!

really great!

我的話,會再加上這個

#username ~ label:hover {
  cursor: text;
}

這樣就讓 ux 更好、更順手了!

按讚的人:

可以試試看,是不是讓 UX 更符合欄位特性了?

哈哈

按讚的人:

真的欸!沒想到這部分,感謝~

按讚的人:

感謝大大分享! 今天剛好在練習寫表單,待會馬上來試看看XD

按讚的人:

ฅ•ω•ฅ
🏆 本月排行榜
🥇
站長阿川
📝18   💬9   ❤️5
680
🥈
我愛JS
📝4   💬14   ❤️7
252
🥉
御魂
💬1  
3
#5
2
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付