北极光之夜

这是我参与更文挑战的第12天 先看效果： 前言： 一般在我们要输入密码的时候都可以让自己输入的密码显示或者隐藏，所以我做了一个简约的密码框~ 实现： 定义html的输入框的...

这是我参与更文挑战的第11天 话不多，先上效果： 简介： 用基础css做一个有一点炫酷的流光按钮，不止按钮，只要是盒子就行。 具体步骤： 1.先定义一个盒子当做按钮，如我就...

这是我参与更文挑战的第10天 一. 初识SVG SVG能够绘制一些CSS难以做到的复杂图像和动画。而且放大不失真。 二. 基础语法 （1）SVG代码全都放在顶层标签< sv...

这是我参与更文挑战的第9天 效果： 实现： 1. 首先讲css的var()函数 * ； 定义： 随着sass，less预编译的流行，css也随即推出了变量定义var函数。v...

这是我参与更文挑战的第8天 一.什么是sass： Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组...

这是我参与更文挑战的第7天 先看效果： 更长看视频 实现： 添加标签底层盒子，再直接暴力添加10个气泡标签： 添加底层盒子样式，宽高等： position: fixed; ...

这是我参与更文挑战的第6天 效果： 先言： 实现是很简单的，就是背景色的切换，用的是最基础的js； 1.定义开关按钮标签，‘bai’就是里面那个小圆圈： 2.开关按钮的样式...

这是我参与更文挑战的第5天 效果： 实现： 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里：...

这是我参与更文挑战的第4天 先看效果： 前言： 这个思路是我在b站看up主Steven做的，觉得很不错，然后自己也弄了一个。（纯css），下面是详细过程。最后面有完整代码。...

这是我参与更文挑战的第3天 先看效果，效果是比较简约的： 原理： 效果就是在网页的任何地方鼠标点击后都出现一个小火花~原理并不复杂，就是鼠标点击后生成一个盒子，盒子里放字体...

这是我参与更文挑战的第2天 话不多，看效果先： 卡片悬停，响应式卡片，简约效果。 实现： 1. 定义标签，.kapian为最底层盒子，然后两个子盒子一个放图片，一个放文本：...

这是我参与更文挑战的第1天 先看效果： 前言： 这个思路是我在b站看up主Steven做的，觉得很不错，然后自己也弄了一个。（纯css） 实现： 定义标签，有三个水滴盒子，...

效果（源码在最后）： 这个效果跟水波加载动画 html+css是异曲同工之妙的。效果不难实现，但是这个‘偷天换日’的用法是值得学习的。 实现： 1. 定义标签，.conta...

先看效果，最后有完整源码： 实现： 定义标签： 卡片和文字的基本样式： cursor: pointer; 鼠标样式为小手。 overflow: hidden; 子元素大小超...

话不多，先看效果：  回归老本行，继续分享简单有趣的CSS创意特效，放松放松心情~ 实现过程（完整源码在最后）： 1 老样子，定义基本样式： font-family: 'f...

先言：  今天3点多在饮茶的时候，发现有好几天没水文章了，但是太难的玩意又不会啊，咋办，突然想起电脑里还有存着一个文字粒子特效，好家伙，这不就来了，先看效果如下： 因为gi...

先看效果（源码在最后）： 视频效果如下，有音效 B站： [video(video-7IjPSaaV-1620747650354)(type-bilibili)(url-ht...

一.数据结构简介（序）： 1.1 概念 程序设计 = 数据结构 + 算法。 1.2 概念 数据 = 符号 (1). 其可以输入到计算机中。 (2). 能够被计算机识别和处理...

先看效果： 实现： 1.定义导航栏的文字标签： 2.导航栏整体的样式： transition 过渡效果 3.北极光这个logo的样式： letter-spacing:文字（...