HTML5 经典水果忍者游戏

网页版的切水果游戏。

game, fruit

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 3642
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

html {
    color: #000;
    background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}
li {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before,
q:after {
    content: '';
}
abbr,
acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input,
textarea,
select {
    *font-size: 100%;
}
legend {
    color: #000;
}
html,
body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
}
.clearfix:after {
    content: "/20";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.clearfix {
    zoom: 1;
}
html,
body {
    width: 100%;
    height: 100%;
    background: #484848;
}
body {
    position: relative;
}
em {
    display: none;
}
#extra,
#view {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 640px;
    height: 480px;
    margin: -280px auto auto -320px;
    text-align: left;
    background: #fff;
}
#view {
    display: block;
    background: transparent url(/uploads/140928/blank.gif) repeat 0 0;
    cursor: default;
    z-index: 20;
}
#extra {
    background: #000;
}
#extra .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 640px;
    height: 480px;
    z-index: 10;
}
#fork {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 356px;
    height: 92px;
    cursor: pointer;
    background-image: url(fork.gif);
    z-index: 0;
}
#desc {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 80px;
    color: #ccc;
    line-height: 40px;
    margin-top: 200px;
    text-align: center;
    font-size: 14px;
}
#desc a {
    color: #318fe1;
}
#browser {
    font-size: 14px;
    line-height: 16px;
}
#browser .b {
    color: #fff;
    font-weight: 700;
}

HTML

网页版的切水果游戏。

game, fruit

编辑器支持Emmet

快捷键

网页版的切水果游戏。

game, fruit

HTML5 Phaser.js 经典弹球消除方块小游戏

HTML5经典数独（sudoku puzzle）益智小游戏

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：