- 博客(12)
- 收藏
- 关注
RSS订阅原创 1.3 3D转换
transform:rotate3d(x,y,z,deg)： 沿着自定义轴旋转 deg为角度（了解即可）transform:rotate3d(1,0,0,45deg) 就是沿着x轴旋转 45deg。transform:rotate3d(1,1,0,45deg) 就是沿着对角线旋转 45deg。transform-style: flat 子元素不开启3d立体空间 默认的。是表示旋转轴的矢量，是标示你是否希望沿着该轴旋转，最后一个标示旋转的角度。其余手指的弯曲方向就是该元素沿着x轴旋转的方向。
2024-04-08 23:47:27
182
原创 1.2 3D转换
transform:rotate3d(x,y,z,deg)： 沿着自定义轴旋转 deg为角度（了解即可）transform:rotateY(45deg) ：沿着y轴正方向旋转 45deg。transform:rotateZ(45deg) ：沿着Z轴正方向旋转 45deg。transform:rotateX(45deg)：沿着x轴正方向旋转 45度。：就是 z轴，物体距离屏幕的距离，z轴越大（正值） 我们。：就是视距，视距就是一个距离人的眼睛到屏幕的距离。距离视觉点越近的在电脑平面成像越大，越远成像越小。
2024-04-08 23:39:09
161
原创 1.1 3D转换
translform:translateZ(100px)：仅仅是在Z轴上移动（注意：translateZ一般用px单位）transform:translate3d(x,y,z)：其中 x、y、z 分别指要移动的轴的方向的距离。因为z轴是垂直屏幕，由里指向外面，所以默认是看不到元素在z轴的方向上移动。3D移动在2D移动的基础上多加了一个可以移动的方向，就是z轴方向。3D 转换我们主要学习工作中最常用的 3D 位移 和 3D 旋转。我们生活的环境是3D的，照片就是3D物体在2D平面呈现的例子。
2024-04-08 23:28:39
216
原创 1.2CSS3动画
animation：动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态;暂停动画：animation-play-state: puased;经常和鼠标经过等其他配合使用。想要动画走回来 ，而不是直接跳回来：animation-direction ： alternate。盒子动画结束后，停在结束位置： animation-fill-mode ： forwards。animation-timing-function：规定动画的速度曲线，默认是“ease”
2024-04-08 23:17:40
177
原创 1.1CSS3动画
3.动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的。是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画。中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。4.请用百分比来规定变化发生的时间，或用关键词 "，常用来实现复杂的动画效果。这样的规则就是动画序列。2. 再使用（调用）动画。，100% 是动画的。
2024-04-08 23:11:51
120
原创 HTML骨架基本内容
表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显的很重要。表格不是用来布局页面的，而是用来展示数据的。HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。2、ul中只能嵌套li，直接在标签中输入其他标签或者文字的做法是不被允许的。绝对路径：指目录下的绝对位置，直接达到目标位置，通常是从盘符开始的位置。1、无序列表的各个列表项之间没有顺序级别之分，是并列的。
2024-04-08 22:52:04
105
原创 PS基本介绍
1.photoshop凭借其专业性及强大的功能，几乎在所有公司，如广告，出版社，互联网公司等，成为必不可少的软件。是要用photoshop创造出全新的图片，这不仅仅要掌握photoshop的操作，还要具备一定的理论知识。JPG是最流行的图片文件格式，该格式文件体积小巧，压缩比可变，持交错，广泛用于互联网传输。GIF格式文件最大的特色就是支持动画，常见的动态动画，聊天背景大多数就是GIF。PSD是ps标准的文件格式包含了颜色，图层，路径动画等信息。也是目前公认的最好的通用平面美术设计软件。
2024-04-08 22:49:09
172
原创 word基本内容
号和 —号组合，加号表示开始以及结尾，然后减号就是越多这个表格就越宽，使用tab则可以为他们设置多行。2.限制编辑（加密文档）顾名思义就是把你重要的内容给他上把锁点击审阅，最右边有个限制编辑，限制编辑：1.格式化限制：就是禁止修改任何格式内容，上面工具关于格式的全变成灰色不可点击。2.编辑限制：设置只读，不能编辑内容。限制编辑很好保护我们重要的内容。3.页眉&页脚页眉：在工具栏里面插入，下面点击页眉里面有不同的样式，来美化我们的标题样式。
2024-03-15 15:00:12
354
原创 1.2转换属性 下
还可以给X Y设置像素或方位名词（top上， bottom下， center中， left左， right右）缩放的最大优势：可以设置转换中心点缩放，他在缩放的时候不会影响其他盒子(可以看成他飞起来了)放大和缩小：transform:scalecl(1,1)宽和高都放大一倍（默认），缩小：transform:scalecl(0.5,0.5)宽和高都缩小，放大：transform:scalecl(2,2)宽和高都放大二倍，：X表示宽，Y表示高，里面的数字不跟单位就是倍数，缩放顾名思义，可以放大和缩小，
2024-03-10 19:56:56
377
原创 1.2转换的属性 上
1.移动（transform）：2D移动是2D转换里面的一个功能，可以改变元素在页面中的位置。2.旋转（rotate）：2D旋转指的是元素在二维平面内顺时针旋转或者逆时针旋转。deg:表示旋转多少度，如果值是负的那么就是逆时针，正的就是顺时针。第一个值表示X轴，另一个Y轴，用px表示也可以用%表示。
2024-03-10 19:20:12
293
原创 1.今日给大家分享2D转换
1.二维坐标系 ，2D转换是改变标签在二维平面上的位置和形状的一种技术，是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。转换（transform）你可以简单理解为变形。转换（transform）你可以简单理解为变形。移动：translate。移动：translate。
2024-03-10 18:59:05
330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人