HTML5技术

canvas孙悟空脚踩白云今年是猴年 - roucheng

字号+ 作者:H5之家 来源:博客园 2016-04-24 15:00 我要评论( )

效果查看: 使用HTML5的canvas画的孙悟空,CSS3画的白云飘飘。 刚擒住了几个妖 又降住了几个魔 魑魅魍魉怎么他就这么多 (嘿嘿!吃俺老孙一棒!) 效果图: 代码如下: canvas孙悟空脚踩白云今年是猴年 - 何问起 * { margin padding border html, body { mar

效果查看:

使用HTML5的canvas画的孙悟空,CSS3画的白云飘飘。

刚擒住了几个妖

又降住了几个魔

魑魅魍魉怎么他就这么多

(嘿嘿!吃俺老孙一棒!)

效果图:



代码如下:

canvas孙悟空脚踩白云今年是猴年 - 何问起 * { margin padding border html, body { margin @-webkit-keyframes STAR-MOVE { from { background-position to { background-position } @keyframes STAR-MOVE { from { background-position to { background-position } .wall { position top left bottom right div#background { background background-size -webkit-animation -moz-animation -ms-animation animation div#midground { background z-index -webkit-animation -moz-animation -ms-animation animation div#foreground { background z-index -webkit-animation -moz-animation -ms-animation animationcanvas孙悟空脚踩白云今年是猴年

转自:

推荐:

更多特效:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas知识点 - H.U.C-王子

    canvas知识点 - H.U.C-王子

    2017-04-16 10:02

  • canvas实现黑客帝国矩形阵 - 风雨后见彩虹

    canvas实现黑客帝国矩形阵 - 风雨后见彩虹

    2017-03-30 09:00

  • canvas画直角坐标系 - shbwh-tswq

    canvas画直角坐标系 - shbwh-tswq

    2017-03-18 10:02

  • 列表总结Canvas和SVG的区别 - 妙音天女

    列表总结Canvas和SVG的区别 - 妙音天女

    2017-03-17 10:00

网友点评
n