网页前端
文章平均质量分 77
Sevenwingsfish
这个作者很懒,什么都没留下…
展开
-
javascript实现的一个信息提示的小功能/
JS实现的提升用户体验的信息提示……原创 2014-12-15 16:25:57 · 2292 阅读 · 0 评论 -
关于“幽灵按钮”的一些事
最近,扁平化UI越来越充斥在我们的生活中,应用了扁平化UI设计思想的东西也是随处可见,而在这种大环境下一个新的名词也就应运而生了:幽灵按钮(Ghost Buttons)。幽灵按钮应当算得上是网页前端比较前卫的一种设计了,它的设计思想秉承了扁平化的极简原则,摒弃按钮的复杂背景以及复杂的logo,只是在实现的时候用几个概要的文字,以及几个边框即可完成一个按钮的设计。这种设计的好处就是可以完美的融入原创 2015-01-10 20:27:09 · 2153 阅读 · 0 评论 -
简单粗暴的解释css3中的transform属性
事先说明,本文范畴尚限制在2D的transform中。 对于css3的transform属性,真是爱不释手,有了这个特性,各种特效轻松搞定。引用一句歌词“旋转,跳跃,我不停歇”。transform就是这么时尚,就是这么任性。当然他任性的地方不只是在功能方面,还有在使用方面。我们看一下W3C官网中关于transform 2D的使用介绍。 看着有点多,首先先来分类原创 2015-04-23 15:59:04 · 2689 阅读 · 0 评论 -
CSS制作响应式正方形及其应用
CSS制作响应式正方形?什么鬼?干嘛用的?干嘛用的没人有每人的需求,本人也正好是因为公司正在做的业务需要,想做个照片展示的功能(当然得符合响应式了)。而这个照片展示必须符合以下几点功能:1,用三张图片占满屏幕的一行;2,长宽比固定(暂时做成正方形);3,保证图片不扭曲。业务什么的这里暂时不谈,回到正题:利用CSS制作响应式正方形。响应式正方形,大部分第一想法肯定是设置宽度百分比,然后利用JS动原创 2015-07-27 15:00:20 · 2973 阅读 · 2 评论 -
纯CSS3美化radio和checkbox
如题,主要通过CSS3来实现将radio和checkbox美化的效果,但是兼容性并不是很好,PC端只支持chrome浏览器(IE和Firefox测试不行,其他没有更多测试)。然后微信端和QQ端访问也是正常。由于LZ所做的功能正好只需要在微信端展示,所以并未深入研究。当然,虽然说不能兼容,但是对于为什么不能兼容还是需要解释一下的,其关键在于这么个选择器的问题:input[type=radio]:原创 2015-07-20 15:48:54 · 4281 阅读 · 1 评论