puhuihui的博客

使用（`css`+`js`） 实现将普通`静态`图片绘制成动态 `gif` ，其应用到每个有 `nav `盒子的页面，效果非常美观。

移动端页面制作选择：单独制作、响应式页面。 目录浏览器基础一、视口1.1 布局视口1.2 视觉视口1.3 理想视口(1) meta标签二、二倍图(1) 视网膜屏幕(2) 多倍图(3) 背景图像缩放 浏览器基础 一、视口 布局视口、视觉视口、理想视口 1.1 布局视口 布局视口显示效果不好，导致字体太小 1.2 视觉视口 1.3 理想视口 设备宽=布局视口 实现：添加meta视口标签 (1) meta标签 二、二倍图 物理像素！=像素 (1) 视网膜屏幕 物理像素和css像素关系成为：一对多

主要知识 提示：主要包括3D位移、3D旋转 主要知识点： 位移: translate3d(x,y,z) 旋转: rotate3d(x,y,z) 透视: perspective 3D呈现: transfrom-style 文章目录主要知识一、位移二、透视三、旋转3.1 x轴3.2 y轴3.3 z轴3.4 多轴旋转四、呈现4.1 翻滚案例 一、位移 二、透视 三、旋转 3.1 x轴 3.2 y轴 3.3 z轴 3.4 多轴旋转 旋转方向是矢量向量 四、呈现 4.1 翻滚案例 鼠标经过粉

文章目录1. 2D转换1.1. 移动 1. 2D转换 1.1. 移动 移动盒子：position定位、margin外边距、translate2D转换

文章目录

文章目录1、盒子模型2、模糊处理3、计算函数4、过渡效果 1、盒子模型 目的：边框和内边距会撑大设置高宽的盒子，不再使用手动加减法去指定盒子大小 2、模糊处理 3、计算函数 4、过渡效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-