本文将使用CSS3动画keyframes创建一个页面加载器，加载时带着三个黄色圆点破浪形移动。它将向您展示如何为加载页面设计HTML样式，创建动画的keyframes，并使用keyframes的动画延迟。

以下是你将在本教程结束时制作的内容。

图中的三个黄色圆点，在页面加载过程中，呈现波浪形的跳动。

首先，先创建一个基本的html文件：

<p>A simple representation of an animated bouncing loader!</p>

内核类型 写法

Trident(IE) -ms-columns IE浏览器使用的内核

Webkit(Chrome/Safari) -webkit-columns 苹果公司自己的内核，也就是苹果的Safari浏览器使用的内核;

google的chrome也使用webkit作为内核; 360安全浏览器也是WebKit内核(Chrome)

大家好，我是Echa。

最近有不少的粉丝老铁们私信我为啥这几天没有创作新内容了，实在对不住。小编我身在广州中招羊了，我在最近一篇文章也有提到过，今天是第四天，基本上康复了，奥密克戎BA.5其实没有那么恐怖，中招了前三天特难受，熬过来了就没事了，大家莫慌。现在小编就可以认认真真的继续创作内容了。同时也非常感谢大家默默的关心我小编身体状况，非常谢谢。

本章介绍一下CSS的知识点，CSS的东西很多，下面这些是比较高频的考点，希望对你有所帮助：

2.1 常用选择器

面试官：请介绍一下常用的选择器及其优先级吧（基础题）

在CSS中，选择器是一种模式，用于选择需要添加样式的元素。常用的选择器按优先级从高往低分别是：

• ID选择器（优先级最高，一般用于定义容器骨架，很少用于样式选择）

1. CLS 诞生背景

1. 介绍CSS盒模型以及其组成部分。

transform变形

transform在字面上就是变形、改变之意。

CSS3的transform主要包括rotate(旋转)、skew(扭曲)、scale(缩放)和translate(移动)以及matrix(矩形变形)。

rotate使用格式:(取值范围0-360, 单位deg)

rotate(10deg)

一 概述

工作中，经常需要一些小工具来做一些转换，比如base64编码的转换，比如URL Encode 和URL Decode，甚至在产品中也提供了这样的小工具，方便客户使用，不过基本都是简单的命令，如果复杂点的，比如base64编码转换了10多次，或者用AES加密的内容，这样的处理，就需要自己写代码处理，或者遇到了几种转换的组合也需要自己去实现，今天发现开源的Web小工具神器：CyberChef

■ 问题提出

在 带有128KB缓存的AD7606模拟采集板[1] 后面更新了不带板内缓冲区的C51程序。采集板与计算机之间存在两种实时数据通道：

• 通过USB-RS232转接串口，波特率为460800
• 通过WiFi-UART模块，波特率为460800，但是实际传输速率要小于460800

为了能够利用 STC WiFi下载程序[2]

Base64 是一种十分流行的编码方式，仅仅使用 64 个字符加等号(=) 就可以以文本的形式表示所有的二进制数据了，因为它能够把二进制格式通过编码转换成可见字符，所有我们就可以通过的把二进制格式比如图片，文件等通过 base64 编码然后通过文本的形式共享出去，是不是很神奇呀。

编码流程

1. 把输入的数据转换成 二进制的形式
2. 每 3 个 8bit 为一组拆分为 4 个 6bit 8*3=6*4=24