2023年7月1日
碰撞测试（附源码）
摘要： 这里没有办法展示动态效果，具体动态效果请复制到浏览器并在浏览器控制台上查看具体效果： CSS部分： <style> * { margin: 0; padding: 0; } div { position: absolute; top: 0; left: 0; border-radius: 50% } 阅读全文
posted @ 2023-07-01 11:16 冬天总要看海 阅读(33) 评论(0) 推荐(0)
猜数字游戏（附源码）
摘要： CSS部分： <style> html { font-family: sans-serif; } body { width: 50%; max-width: 800px; min-width: 480px; margin: 0 auto; } .lastResult { color: white; 阅读全文
posted @ 2023-07-01 10:52 冬天总要看海 阅读(137) 评论(0) 推荐(0)
3d烟花效果的实现（附源码）
摘要： 这里没有办法展示动态效果，具体动态效果请复制代码去浏览器中查看： CSS部分： <style> html,body{ margin:0px; width:100%; height:100%; overflow:hidden; background:#000; } #canvas{ width:100 阅读全文
posted @ 2023-07-01 10:46 冬天总要看海 阅读(95) 评论(0) 推荐(0)
3d立体相册的实现（附源码）
摘要： 效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： CSS部分：html{ background: #000; height: 100%; } /*最外层容器样式*/ .wrap{ position: relative; position: absolute; top: 0; right: 阅读全文
posted @ 2023-07-01 10:28 冬天总要看海 阅读(1077) 评论(0) 推荐(0)
2023年6月30日
贪吃蛇游戏制作（附源码）
摘要： 效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： CSS：部分 * { margin: 0; padding: 0; } .wrap { width: 600px; margin: 0 auto; position: relative; } p { position: absolute; 阅读全文
posted @ 2023-06-30 16:16 冬天总要看海 阅读(201) 评论(0) 推荐(0)
樱花雨的实现（附源码）
摘要： 本文讲述如何在页面上实现樱花雨的效果： 效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： HTML部分： <body> <div id="jsi-cherry-container" class="container"></div> </body> CSS部分： <style> html, 阅读全文
posted @ 2023-06-30 16:03 冬天总要看海 阅读(684) 评论(0) 推荐(0)
荧光效果的实现（附源码）
摘要： 效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m 阅读全文
posted @ 2023-06-30 15:51 冬天总要看海 阅读(78) 评论(0) 推荐(0)
简单的Todo List实现（附源码）
摘要： 效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Todo List</title> <style> body { background-color 阅读全文
posted @ 2023-06-30 15:40 冬天总要看海 阅读(308) 评论(0) 推荐(0)