• 2014-10
    10
    [ JavaScript ] [ 3 ]

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

    [...]
  • 2014-01
    06
    [ HTML/CSS ] [ 3 ]
    这个动画例子证明了CSS3的方便之处,测试时雨滴如果到一定数量浏览器会出现呆滞、CPU占用高。也可能跟电脑配置有关,但正常情况下都够你用的,也只有这种示例才会满屏使用动画[...]
  • 2014-01
    02
    [ HTML/CSS ] [ 0 ]
    动画的基本特征无非就是:移动,色变,形变,速度,而这几个特征在animation里都能轻松实现,关键帧也都能轻松实现,也能实现多个动画同时play已经各自的出场时间,配合SVG矢量结合这些动作就能搞定大部分动画,并且各大浏览器都能轻松实现[...]
  • 2012-12
    19
    [ HTML/CSS ] [ 3 ]
    在这个站点里,你几乎感觉不到你浏览的是一个网页,而是一个非常有视觉设计效果的展示,与传统的网页相比,它超越传统网页的概念![...]
  • 2012-12
    12
    [ HTML/CSS ] [ 0 ]
    目前众多站点制作饼图大多使用flash,或者后台语言生成,如PHP,Python只要安装相应的基础库就能实现画图。但很少有站点这么干,因为耗费服务器资源。而HTML5与css3画饼图数据分析将是一把锋利的刀刃[...]
  • 2012-06
    06
    [ HTML/CSS ] [ 1 ]

    在CSS2中,要弄阴影效果几乎要靠图片完成

    在CSS3中,阴影只需要一句话,并且文字也可以加上阴影

    [...]
  • 2011-12
    30
    [ HTML/CSS ] [ 0 ]
    CSS3现在是推得如火如荼了,目前主流浏览器都开始逐步支持CSS3,看来CSS3在一定时间内会迅速占领CSS2。现在我们来看看CSS3的一些新特性。[...]
  • 2011-12
    28
    [ HTML/CSS ] [ 0 ]
    在CSS3以前,要实现圆角大多使用图片,而在CSS3里实现圆角只要一句话即可实现[...]
  • 1