• 2014-10
    10
    [ JavaScript ] [ 5 ]

    接触的大部分项目中,验证码一直都是后台干的事,这两天正好有一个页面需要验证码,第时间想着后台实现,但突然转念一想大部分项目貌似对安全性要求不是很高,又要求有点阻止机器人的技巧,于是就用前端写了一个验证码。并利用CSS3的transform属性里的rotate设置旋转,再随机弄点干扰线,最后为了在所有DOM节点的上边加一层opacity=0的DIV,一个前端验证码就出来了。

    [...]
  • 2014-09
    29
    [ HTML/CSS ] [ 2 ]

    Less的好处不用说大家都知道,确实让写CSS的人不在痛苦了,最近我在Less里加入calc时确发现了有点问题

    Less把calc中的运算式去运算了

    结果在Less中写 calc(100% - 30px)编译后变成 70%了

    [...]
  • 2014-06
    13
    [ HTML/CSS ] [ 0 ]

    CSS有一个属性border-collapse,这货可以让table里相邻td的border合并为一条,这有什么好处呢?使用border-collapse:collapse后让你在添加了添加边框td不会因为相邻的边框黏在一起而让人感觉像是2px宽度的边框

    [...]
  • 2014-05
    02
    [ HTML/CSS ] [ 0 ]

    闲来无事,动手写了一个纯CSS的分类菜单,貌似还挺好用,可惜就没有动态效果了。

    [...]
  • 2014-04
    28
    [ HTML/CSS ] [ 1 ]

    以前都使用display:block很少使用display:inline-block,近期写样式有时候为了方便我也使用inline-block,不想竟然有个大问题,每个元素之间多了一个空白,而这个空白正是由于换行导致的

    [...]
  • 2014-02
    17
    [ HTML/CSS ] [ 1 ]
    Font Awesome是一个基于图标字体库,结合CSS3支持服务器端字体,使用:before伪类与content属性写出的一款CSS图标库,优点体积小,矢量,变色,易维护。[...]
  • 2014-01
    06
    [ HTML/CSS ] [ 3 ]
    这个动画例子证明了CSS3的方便之处,测试时雨滴如果到一定数量浏览器会出现呆滞、CPU占用高。也可能跟电脑配置有关,但正常情况下都够你用的,也只有这种示例才会满屏使用动画[...]
  • 2014-01
    02
    [ HTML/CSS ] [ 0 ]
    动画的基本特征无非就是:移动,色变,形变,速度,而这几个特征在animation里都能轻松实现,关键帧也都能轻松实现,也能实现多个动画同时play已经各自的出场时间,配合SVG矢量结合这些动作就能搞定大部分动画,并且各大浏览器都能轻松实现[...]
  • 2013-11
    30
    [ JavaScript ] [ 0 ]
    通过测试发现虽然FireFox与Chrome都是现代浏览器,但还是存在一些兼容性问题,虽然IE6的年代逐渐远去,但新的浏览器与新的兼容性问题逐渐取代目前的开发问题![...]
  • 2012-12
    19
    [ HTML/CSS ] [ 3 ]
    在这个站点里,你几乎感觉不到你浏览的是一个网页,而是一个非常有视觉设计效果的展示,与传统的网页相比,它超越传统网页的概念![...]
  • 1 2