9款大气实用的HTML5/CSS3注册登录表单
2014年6月9日 - 网易
8、CSS3数字验证表单3D折叠验证提示今天我们要来分享一款效果很不错的CSS3数字验证表单,和之前分享过的CSS3密码强度验证表单码速表样式不同,这款表单是用来验证输入的是否是合法数字的,并能给出相应的提示。更重要的是这款CSS3数字验证表单的提示是以3D折叠框的形式,显得非常具有创意。在线演示/源码下载...
详情
300 多行代码搞定微信 8.0 的“炸”“裂”特效!
2021年1月27日 - 腾讯新闻
宽度设置为300px,透明度设置为0把它隐藏。消息输入框和按钮的样式比较简单,消息输入框的宽度占满整列,发送按钮使用把自己进行靠右对齐。这里把代码一次性贴出来:最后再添加一个样式,用于在点击发送表情按钮时,给表情弹出层添加该样式以显示出来:3.JS部分在给聊天界面加上功能之前,先编写一些基础的...
详情
前端没有末日
2021年2月6日 - 腾讯新闻
输入框input按钮button原子单独使用是没有任何意义的,一般都是需要组合其他原子一起使用才能真正发挥它们的作用。分子(Molecule)是什么?当我们把原子(Atoms)结合在一起时,事情开始变得更加的有趣。分子(Molecule)是一组结合在一起的原子,是化合物中最小的基本单位。每一个分子都有自己的特性,是我们设计系统的...
详情
300 多行代码搞定微信 8.0 的「炸」「裂」特效!
2021年1月27日 - 网易
--shadow-medium:0012pxhsl(0,0%,0%,0.1),小阴影,例如输入框和表情选择弹出层。接下来是一些重置样式:box-sizing:border-box;padding:0;margin:0;font-family:Helvetica,"PingFangSC","MicrosoftYahei",sans-serif;这些样式对所有元素都有效,设置盒子模型为border-box,这样内边距...
详情