-
#box span { display: inline-block; border: 5px solid #ddd; border-radius: 10px; background-color: #fff; box-sizing: border-box; cursor: pointer; float: left; } #box.lv2 span { width: 50%; height: 50%; } #box.lv3 span { width: 33.33%; height: 33.33%; } #box.lv4 span { width: 25%; height: 25%; } #box.lv5 span { width: 20%; height: 20%; } #box.lv6 span { width: 16.666%; height: 16.666%; } #box.lv7 span { width: 14.285%; height: 14.285%; } #box.lv8 span { width: 12.5%; height: 12.5%; } #box.lv9 span { width: 11.111%; height: 11.111%; }查看全部
-
/*游戏界面*/ #room header { height: 50px; text-align: center; line-height: 50px; } #room header .time { font-size: 20px; font-weight: 700; color: #FFCACA; background-color: #FD9090; padding: 0 10px; border-radius: 10px; } #room header .time.danger { background-color: #fff; color: #FF0505; } #room header .score { position: absolute; top: 0; left: 10px; font-size: 16px; color: #FFA1A1; } #room header .score em { font-style: normal; } #room header .pauseBtn { position: absolute; top: 5px; right: 10px; height: 40px; line-height: 40px; padding: 0 10px; color: #fff; font-size: 20px; } #box { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; background-color: #ddd; padding: 10px; border-radius: 10px; }查看全部
-
/*开始界面*/ #index h1 { text-align: center; font-size: 30px; padding: 30px 0; text-shadow: 1px 1px 2px #AB3C3C; } #index .desc { font-size: 16px; color: #FFA1A1; text-align: center; } #index .btns { position: absolute; width: 100%; top: 60%; text-align: center; } .btn { background-color: #FCAD26; display: inline-block; border: none; outline: none; font-weight: 700; box-shadow: 0 5px #DA9622; border-radius: 8px; cursor: pointer; font-family: '微软雅黑'; tansition: transform .2, box-shadow .2; } .btn:active { transform: translateY(5px); box-shadow: none; } #index .btns .startBtn { font-size: 24px; color: #ddd; width: 160px; height: 50px; line-height: 50px; letter-spacing: 10px; }查看全部
-
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>看你有多色</title> <style type="text/css"> body { background-color: #F06060; color: #fff; font: 12px/1.5 "微软雅黑"; } /*清除浮动*/ .clearfix:after, .clearfix:before { display: table; content: ""; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*公共*/ .page { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .hide { display: none; } .wait { background-color: #A74343; } /*loading页面*/ .loadingText { text-align: center; font-size: 30px; position: absolute; transform: translate(-50%, -50%); top:50%; left:50%; }查看全部
-
代码哪下载查看全部
-
判断 横竖屏查看全部
-
不错!查看全部
-
开发流程: 1.移动APP框架 2.游戏框架 3.游戏逻辑控制 4.如何扩展游戏查看全部
-
游戏的制作,under查看全部
-
看看闭包说明查看全部
-
预备的知识查看全部
-
1-4 app框架代码分析查看全部
举报
0/150
提交
取消