努力
也需要大家的支持!
CSS图书馆 ? HTML & CSS ?
赞助商链接

表单密码强度可视化设计

分类: HTML & CSS. 评论
表单密码强度可视化设计

在填写表单密码时,有的会会显示「弱、中、强」的文案来表示你填写的密码强度,这是一种不错的用户体验方式,然而今天我们分享一个更有趣的体验,就是用「可视化」来表达。

这个「可视化」方[……]

阅读全文 ?

Tippy.js 玩转鼠标悬停提示信息

分类: HTML & CSS. 评论
tooltips 鼠标悬停提示效果

网页设计师对 tooltips 鼠标经过提示效果应该不陌生,这种效果虽然可以直接用 css hover 来实现,但是如果想更友好的、更美观的效果,可能就要借助 JS 来实现啦。今天和大家分享的?Tip[……]

阅读全文 ?

CSS 或 srcset 让浏览器自动切换 1X/2X/3X 图像

分类: HTML & CSS. 评论
css device pixel ratio

现在很多客户都买高分屏的电脑,如果直接发 JPG 图给客户,会影响设计质量。为了让网站设计效果图更加真实,最近把设计提案直接做成 Web 版,模拟浏览器真实视觉效果,同时能自动识别是否为视网膜显示屏,[……]

阅读全文 ?

小创意:圣诞球切换开关

分类: HTML & CSS. 评论

还有几天就到圣诞节,几乎到哪里都能看到圣诞气氛的设计,网站也是如此,为了让网站页面更有气氛,我们不能放过任何小创意,即使是一个小小的切换开关元素。

大家请看下图,这是来自 Chris Ganno[……]

阅读全文 ?