1.代码 2.图片 讲解 1.不论对设置了宽高和没有设置宽高的快元素，而且已经开启了定位，相对包含块元素定位，设置left: 50%;top:50%; 然后利用translateX(-50%) translateY(-50%); 移动自身的宽高各50 ...

其实这个问题很简单，只需要使用一个样式： 不透明度： opacity: 数值.(值愈大,不透明度越高) 例: 有2个盒子，b在a内部,分别给2个盒子设置一个背景色,要求效果是一开始只显示a, 但当鼠标悬浮在a上时b 出现 从代码中我们可以看出，我们先给盒子b加了 ...

效果图如下 代码： 过渡旋转使用的是rotate(),要有透视效果的属性是perspective（就是近大远小，图片会变成梯形） ，perspective 加给父盒子 使用perspective-origin可以改变效果位置，默认值为50% 50 ...

效果如下： 修改文字内容后测试效果： ...

关于css动画tansform：translateZ(100PX)没有效果的记录 之前学习cs3动画就学的迷迷糊糊的，这次项目中刚好用到了cs3动画，遇到了一个问题，记录下来，方便后期查阅 在使用 tansform属性时，值设为tansform：translateX或tansform ...

内容，只需要父元素设置 /* 设置弹性容器 */ display: flex; /* 设置主轴居中 */ justify-content: center; /* 设置侧轴居中 */ align-items: center; ...

参考：https://blog.csdn.net/qq_20264891/article/details/87873311 父元素： 居中元素： 注意：此方法可能会导致像素模糊问题，因为CSS 的 transform： translate 属性 ...

最近了解flex布局，关于居中对齐的，根据之前的居中对齐有：margin: 0 auto 现在介绍另一种方法： 这个更简单的方法来水平对齐绝对定位的元素： 因为CSS left属性基于父元素的大小。 transform属性 ...