qq_41938120的博客

*{ margin: 0; padding: 0;}:root, body{ height: 100%;}@keyframes round{ 0%{ transform: rotateY(0deg) rotateX(0deg); } 50%{ transform: rotateY(360deg) rotat...

transform变换属性如下matrix()：2d矩阵translate()：平移，第一个参数为x轴，第二个参数为y轴，第二个参数默认为0translatex()：X轴（水平方向）的平移translatey()：Y轴（垂直方向）的平移rotate()：2D旋转scale()：2D伸缩。第一个参数对应X轴，第二个参数对应Y轴。第二个参数默认与第一个参数的值一样。伸缩的是此元素的变化坐...

animation它是一个动画复合属性，有以下的属性animation-name ：动画名称animation-duration ：动画的持续时间animation-timing-function ：动画的过渡类型，运动函数animation-delay ：动画延迟的时间animation-iteration-count ：动画的循环次数animation-direction：动画在...

transition-timing-functionlinear：线性过渡。ease：平滑过渡。ease-in：由慢到快。ease-out：由快到慢。ease-in-out：由慢到快再到慢。step-start：等同于 steps(1, start)step-end：等同于 steps(1, end)steps接受两个参数的步进函数。第一个参数必须为正整数，指定函数的步数。第二个参...

transition过渡一共有四个属性transition-property: 属性; 监听所有具备动画过渡的属性(默认为all)transition-duration:时间; 时间间隔，过渡完成的时间transition-timing-function:运动函数; 过渡的运动函数transition-delay: 时间; 延迟时间开始过渡也可以一起写。也可以多写几次举例d...

写法你想给谁设置成弹性盒，就给它设置display:flex;然后它就变成了弹性盒，这可是个好东西。下面我们来详细讲一讲。下面的属性都是给弹性盒本身设置改变主轴方向flex-direction:row(默认从左到右) column（从上到下）row-reverse（反row）column-reverse（反column）对应主轴的有一个纵轴，默认与主轴垂直，所以如果我们改变了主轴方向...

borderborder是一个组合属性，它有四个值，每个值代表一个方向，每个方向都有宽度，线条样式和颜色div{ width: 100px; height: 100px; border: 5px solid black; border-left: 5px solid red; border-right: 5px dashed blue; bord...

E + F下一个满足条件的兄弟元素节点div + p{ background-color: red;} <div>div</div> <p>1 <p>11</p> </p> <p>2</p> <p>3</p>...