240 发简信
IP属地:浙江
  • 2-5 条纹背景(linear-gradient)

    知识储备 1.linear-gradient:参数:其共有三个参数第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成...

  • Resize,w 360,h 240
    5-5 文字编排 -- 圆形文字

    知识储备 1.SVG Path 小测试 最终效果(扣子丑了点): html 解释:透过SVG的基本方式,在<text>元素里有一个包含文字的<t...

  • Resize,w 360,h 240
    4-3 视觉效果 折角效果

    知识储备 1.linear-gradient()渐变效果(这个属性真的越用越喜欢)2 transform 中的translate和rotate效...

  • 6-3 使用者体验 -- 自定义checkbox

    这一小节对于我来说真的是福音,我一直很苦恼(对于checkbox)。在我未接触书本之前,我一直使用默认样式的checkbox,以前尝试修改它,给...

  • 9月13总结

    急急忙忙步入实习的生活中,如同盆中之水投入石块,生活的规律也被打乱。荡漾的水波衬着浮躁的心,是时候好好规划一下了。 工作感觉: 因为被封闭在小房...

  • 简要介绍: 这是一个畸形版的chrome恐龙游戏。很久之前就规划开始准备仿照写这个小游戏了,限于水平至今才完成了跛脚版本v0.0.1。 项目主要...

  • 2-4 内圆角

    知识储备 1.2-3节的box-shadow以及outline 测试 需要实现的效果图 解法一:示例代码1html css 缺点:复杂的html...

  • 2-3 弹性背景定位(属性background-position/background-orign)

    知识储备 1.background-position: 设置背景图像的起始位置具体参数请戳 http://www.zgguan.com/doc/...

  • 6-2 使用者体验 -- 扩大点击范围

    尝试体验一下费资定律 http://simonwallner.at/ext/fitts/ 扩大点击范围的益处:提高易用性(随着触控屏幕愈来愈普及...

个人介绍
每日鸡汤 茁壮成长