摘要: 从数学的角度上来说,我们是只有x轴和y轴的,而立体空间上则多了一个z轴,如下 x轴:垂直向右 右为正值,左为负值 y轴:垂直向下 下面为正值,上面为负值 z轴:垂直屏幕 往外为正,往内为负 3D主要用位移,旋转,透视和呈现 3D位移: translate3d(x,y,z) 3D旋转: rotate3 阅读全文
posted @ 2021-01-26 23:42 文采呱呱 阅读(179) 评论(0) 推荐(1) 编辑
摘要: css动画中的transform有4个方法,分别是translate平移、rotate旋转、scale缩放、skew斜切 translate有2个参数,代表x轴和y轴, 只有1个参数时,只在x轴移动,y轴默认是0;transform: translate(10px,10px) -ms-transfo 阅读全文
posted @ 2021-01-26 22:53 文采呱呱 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 方式1::class="{'color':color==1?XX:(twoColor==2?'block':red...)}"方式2:v-bind:class="[classA, { classB: isB, classC: isC }]"方式3: v-bind:class="[A, { B: is 阅读全文
posted @ 2021-01-26 15:51 文采呱呱 阅读(1830) 评论(0) 推荐(0) 编辑
摘要: 知识点: 1.nth-of-type公式里的n是从0开始计算 2.nth-of-type获取到的元素,是从1开始计算 3.如果需要获取或排除前面的元素,用nth-of-type 如果需要获取或排除前面的元素,用nth-last-of-type 例子: 1.获取前三个:nth-of-type(-n+3 阅读全文
posted @ 2021-01-26 12:01 文采呱呱 阅读(375) 评论(0) 推荐(0) 编辑
摘要: git clone 链接 阅读全文
posted @ 2021-01-26 11:59 文采呱呱 阅读(69) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3D</title> </head> <style type="text/css"> * { margin: 0px; padding: 0px; } .container { p 阅读全文
posted @ 2021-01-26 11:57 文采呱呱 阅读(96) 评论(0) 推荐(0) 编辑
摘要: git add . git commit -m '***' git pull git push 阅读全文
posted @ 2021-01-26 11:55 文采呱呱 阅读(154) 评论(0) 推荐(0) 编辑
摘要: flex 两端对齐,列不满左对齐 利用after或者before(适用于每行3或者4列) .box:after { display:block; content:""; width: 30%; height:0px; } 全部代码.box { display: flex; flex-wrap: wr 阅读全文
posted @ 2021-01-26 11:53 文采呱呱 阅读(83) 评论(0) 推荐(0) 编辑