![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web开发——作品
吃素的黑猫
不够优秀,遇见谁都一样
展开
-
web——德州扑克
web——德州扑克原创 2024-01-05 09:42:33 · 532 阅读 · 0 评论 -
表情包——爱你哦
表情包——爱你哦<!--定死视窗大小--> <meta name="viewport" content="width=750 ,user-scalable=no" />1.现将表情包划分为:头,身体,脚三个部分。2.设计头部时用border边框样式,position定位,transform变换。3.设计眼睛,爱心时用animation动画。4.胡须,爱心,腰用到了before和after伪类。5.脚用到了display:flex弹性盒子。...原创 2020-09-11 22:12:07 · 684 阅读 · 0 评论 -
用javascript设计时钟
时钟<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>clock</title> <link rel="stylesheet" type="text/css" href="css/clock.css"/> <script type="text/javascript" src="js/clock.js"></原创 2020-09-03 19:19:12 · 298 阅读 · 0 评论 -
发光渐变环形加载器
发光渐变环形加载器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>发光渐变环形加载器</title> </head> <body> <div class="loader"></div> <div class="loader"></div> <..原创 2020-08-21 16:37:23 · 174 阅读 · 0 评论 -
会变色的小鬼
会变色的小鬼<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>会变色的小鬼</title>原创 2020-08-21 16:08:38 · 218 阅读 · 0 评论 -
用mouse,touch制作画板
canvas画板<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Drawing Board</title> <link rel="stylesheet" type="text/css" href="css/DrawingB...原创 2020-04-23 17:14:31 · 213 阅读 · 0 评论 -
CSS动画:太极
CSS动画:太极<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>太极</title> <link rel="stylesheet" type="text/css" href="css/TaiChi.css"/> &...原创 2020-04-16 16:42:09 · 187 阅读 · 0 评论 -
CSS画卡通人物:皮卡丘
皮卡丘<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Pikachu</title> <link rel="stylesheet" href="css/Pikachu.css" /> </head> ...原创 2020-04-13 13:28:02 · 1985 阅读 · 0 评论 -
CSS画卡通人物:哆啦A梦
哆啦A梦HTML代码块<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>哆啦A梦</title> <link rel="stylesheet" type="text/css" href="css/doraemon.css...原创 2020-04-12 17:41:24 · 1683 阅读 · 0 评论 -
【web】制作计算器
这是HTML结构` 计算器 ] **这是css样式**`在这里插入代码片```*{ margin: 0; padding: 0;}#header{ margin:10px auto; margin-bottom: 0px; width: 498px; height:...原创 2019-10-06 18:43:30 · 1287 阅读 · 1 评论