Html 变换：scale3d（1,0.1,1）&引用；。1“；太宽了

scale3d（）

正在正确显示：

label::after {
  z-index: -1;
  background: green;  /* ::after background */
  transform: scale3d(1, .1, 1); /*"Y" should be zero but I put ".1" for now so I can see its initial position" */
  transform-origin: 50% 0%;
}  

但它不是，为什么“.1”太宽了

---

另一个问题是，如果我设置为并聚焦于输入字段，那么什么也不会发生，我希望看到绿色背景出现在聚焦后。

父子关系来了。 您在绝对位置直接定义了子项，而没有定义父项。家长应始终保持相对位置。因此，让孩子的父母被定位，这样你的绿色背景将正常工作

.username {position: relative;}

---

父项未定位，因此绝对属性依赖于文档

Great。。。那么你的问题是什么？@obsidiange我刚刚将“Y”设置为.1，但是它显示得太宽了，不像第一个。它工作正常，谢谢。我现在的问题是，当我聚焦于输入字段时，绿色背景不会缩小：…输入字段{边框底部：0；}输入：聚焦{变换：缩放3d（1,1,1）；变换：宽度2s；变换延迟：0.3s；变换计时函数：立方贝塞尔（0.2,1,0.3,1）；z索引：-1；背景：绿色；/*：：背景之后*/}您可以使用上面的css