Lv.4
北极光之夜。
更多个人资料
573
成长值
1
关注
16
粉丝
+ 关注
私信
个人介绍
夜越黑,星星越亮。
感兴趣或擅长的领域
编程语言
个人勋章
TA还没获得勋章~
成长雷达
550
3
0
0
20
个人资料
个人介绍
夜越黑,星星越亮。
感兴趣或擅长的领域
编程语言
达成规则
以上满足
项可达成此勋章
博客
关注
粉丝
论坛
全部时间
全部时间
最近三天
最近一周
最近一月
全部
暂无专栏分类
一杯茶搞定ES6➜ES11新特性
一.ES6新特性(重): 1. let 声明变量:ES6新增加了两个重要的 JavaScript 关键字: let 和 const。书写格式:let a;let b,c;let d=10,f='asd',e=[];注意事项:1.变量不能重复声明:let a=12;let a=13;运行结果:2. 只在块级作用域内有效: { let a=12; ...
JavaScript
北极光之夜。
2021-05-28 16:56:09
3385
1
1
2021-05-28 16:56:09
999+
1
1
图片扫描仪特效 html+css
效果: 这样,有抖动的: 无抖动的: 实现: 1.定义一个盒子: <body> <div class="tu"></div> </body> 123 2.基本样式,长宽背景图等等~ .tu{ width: 500px; height: 300px; background-image: url(8.jpg); background-size: 100% ...
CSS
HTML
北极光之夜。
2021-05-28 03:05:37
5242
0
1
2021-05-28 03:05:37
999+
0
1
给网页添加动态视频背景 html+css
前言: 普通图片: 给网页添加背景图片 html+css 动态: 就是换成MP4格式作为网页背景。 实现: 定义html的video标签: <video src="xiamu.mp4" class="bjimg" autoplay loop muted></video> 1 在url里写入自己视频地址就好~ 添加css样式就完成了: .bjimg ...
CSS
HTML
音视频
北极光之夜。
2021-05-28 03:05:17
4114
0
1
2021-05-28 03:05:17
999+
0
1
轮播图特效 html+css+js
先看效果: 轮播图做法有很多,效果也有很多。下面是一种简单的两边图片模糊,中间图片放大的轮播图效果。鼠标点击左边或右边的图片后,它们会移动到中间并变大,其它图片移动到到两边并模糊。 点击最右边图片: 点击最左边图片: 这个效果是只是有鼠标点击后就轮播,至于鼠标不点击也定时自动轮播的效果以后有时间再出一片文章。 实现: 1. 定义标签,.kuang是最底层...
CSS
HTML
北极光之夜。
2021-05-28 02:56:57
3254
0
1
2021-05-28 02:56:57
999+
0
1
简约计算器效果 html+css
效果: 实现: 定义标签, .result是显示计算结果框,.anniu里放数字和运算符按钮,.zero是清除按钮,它们都在表单域 form里: <form class="kuang" name="kuang" > <input type="text" class="result" name="result"> <div class="anniu"> <sp...
CSS
HTML
北极光之夜。
2021-05-28 02:50:49
2452
0
1
2021-05-28 02:50:49
999+
0
1
放大镜特效 html+css+js
效果: 前言: 思路是看up主xiao-high的,然后自己也弄了一个。效果有一个缺点就是图片边缘区域放大不了。 实现: 定义标签:.frame是底层盒子,img是小图片,宽设置100%,跟底层盒子一样。.circle是放大镜,.circle里的img是放在.circle里的大图片。 <div class="frame"> <img src="25.jp...
CSS
HTML
北极光之夜。
2021-05-28 02:47:35
2854
0
1
2021-05-28 02:47:35
999+
0
1
气泡浮动背景特效 html+css
先看效果: 更长看视频 实现: 添加标签底层盒子,再直接暴力添加10个气泡标签: <div class="kuang"> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class="bubble"></div> <div class=...
CSS
HTML
北极光之夜。
2021-05-28 02:44:58
3341
0
1
2021-05-28 02:44:58
999+
0
1
前端SVG笔记与简单应用实例
一. 初识SVG SVG能够绘制一些CSS难以做到的复杂图像和动画。而且放大不失真。 二. 基础语法 (1)SVG代码全都放在顶层标签< svg > …< / svg >之中。 (2)SVG也有宽高属性,< svg width=“100%” height=“50” > ,如果不指定宽与高,则默认大小 宽300px,高150px 。 (3)如果只展示SVG图像的一部...
SVG
前端
北极光之夜。
2021-05-28 02:15:13
3977
0
1
2021-05-28 02:15:13
999+
0
1
俄罗斯方块源码分享 html+css+js
效果: 【html+css+js】俄罗斯方块源码分享 这是在网上跟着黑马的视频做的,然后也加了些自己的想法。 在线试玩:http://www.beijiguang.site/game/index.html 完整代码: 直接复制用的换个背景视频地址就行~ 核心 js 部分都有解析。 <!DOCTYPE html> <html lang="zh-CN...
CSS
HTML
容器
北极光之夜。
2021-05-28 01:59:41
6760
0
1
2021-05-28 01:59:41
999+
0
1
Sass扩展语言快速了解与应用
一.什么是sass:Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和...
CSS
Sass
北极光之夜。
2021-05-27 00:31:36
3171
0
1
2021-05-27 00:31:36
999+
0
1
总条数:73
10
10
20
50
100
1
2
3
4
5
6
7
8
上滑加载中
https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
+ 关注
私信