- 博客(34)
- 收藏
- 关注
RSS订阅原创 滤镜
滤镜filter :属性定义了元素(通常是<img>)的可视效果 滤镜属性 1. grayscale() 灰度:1是百分之百，0是百分之0. 2. brightness() 亮度:1是默认值 ，正常亮度. 3. sepia() 褐色:1是百分之百 ，正常为0. 4. blur() ...
2020-09-13 13:41:14
113
原创 弹性盒子
弹性盒子1.设置为弹性容器 display: flex;2.设置主轴方向 flex-direction:row; row:从左向右 column:从上向下 row-revers:从右向左 column-revers：从下向上3.设置主轴的分布 justify-content: space-between; flex-start:向主轴的开始方向靠拢（默认） cnetr:向主轴的...
2020-09-12 11:31:28
177
原创 表情包——爱你哦
表情包——爱你哦<!--定死视窗大小--> <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
600
原创 用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
290
原创 发光渐变环形加载器
发光渐变环形加载器<!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
162
原创 会变色的小鬼
会变色的小鬼<!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
203
原创 用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
206
原创 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
172
原创 CSS :before ，:after 伪元素
CSS :before ， :after 伪元素定义和用法:before 选择器向选定的元素前面插入内容。:after 选择器向选定的元素后面插入内容。使用content属性来指定要插入的内容。content: normal | string | attr() | url() | counter();默认情况下，生成的伪元素是内联的，但这可以使用属性(display)显...
2020-04-14 14:17:39
243
原创 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
1858
原创 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
1620
原创 【web】制作计算器
这是HTML结构` 计算器 ] **这是css样式**`在这里插入代码片```*{ margin: 0; padding: 0;}#header{ margin:10px auto; margin-bottom: 0px; width: 498px; height:...
2019-10-06 18:43:30
1250
1
原创 HTML中a标签
1.锚点标签<a>......</a> 跳转页面（HTTP GET 请求） <a href="URL" target="打开窗口的方式">热点</a> target的属性：_blank 在新窗口中打开 _parent 在父框架中打开 ...
2019-09-04 21:52:36
372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人