HTML/CSS Float Label Pattern

hozaka · 2014年02月26日 · 最后由 eruditius 回复于 2014年05月25日 · 7767 次阅读

前天在 CSS Tricks 上看到一个 concept design,利用浮动的 label 来节省空间,觉得效果还是很震撼的。

于是花了点时间自己做了个,还补充了输入有效性的简单验证,Pure CSS,分享给大家。

float-label-pattern

http://blog.hozaka.com/posts/180953-float-label-pattern

很棒的效果呀。

#1 楼 @qichunren 最原始是移动 App 的 UI 设计,按照自己的想法修改了一下

@hozaka 终于看到你了,而且还是技术贴,师傅啊,师傅~~~ 偶的师傅终于现身了!!!

#3 楼 @lgn21st 入了游戏圈就没多少自己时间,荒废很久了。最近休一个月长假,正好收拾收拾。赶不上你们咯 😄

Float Label Pattern 这个设计确实挺不错……

#5 楼 @Kabie 样式倒是其次的,主要是我很认同原文的几个理念

@hozaka 消失了几年终于又开始活跃了啊

这个很棒啊!!!

#7 楼 @hisea 嘿嘿,做游戏运营比较忙嘛

编码问题?希望其他专业程序员的看法?

www.eruditius.com

Eruditius - 编程问答 - 各级 WWW.ERUDITIUS.COM 问答网站程序员和网站开发人员在各级

需要 登录 后方可回复, 如果你还没有账号请 注册新账号