Css 动画问题是干扰子元素

我想测量跨度，它是h6的孩子。但在某个地方，它影响着我的跨度，即跨度内的跨度

.街区{
边际上限：0；
填充：0；
背景#39b4bf；
}
.h6座{
边框：3px实心#fff；
显示：内联块；
边界半径：50%；
利润率：0.50px；
填充：25px；
身高：215px；
宽度：212px；
位置：相对位置；
过渡：全部3秒；
溢出：隐藏；
框大小：边框框；
}
.块h6>span{
颜色：#39b4bf；
字体大小：34px；
背景#74cad2；
填充：54px 54px；
边界半径：50%；
显示：内联块；
边框：25px实心#39b4bf；
}
.块h6>span>span{
位置：绝对位置；
颜色：#39b4bf；
字体大小：34px；
背景：#fff；
填充：36px 20px；
边界半径：50%；
显示：内联块；
左：50px；
顶部：49px；
}
.h6区：悬停{
边框颜色：#74cad2；
/*动画：border.3s立方贝塞尔（.32,1.63,44,1.82）*/
}
.块h6：悬停>跨距{
边框颜色：#74cad2；
动画：边界效果。6s；
}
@-webkit关键帧边界效果{
0%   {
-webkit转换：规模（1）；
}
50%  {
-webkit转换：比例（1.5）；
}
100% {
-webkit转换：规模（1）；
}
}
27

雇主说
一次差劲的雇佣花了他们5万多美元

您可以将这些跨距设置为同级（非嵌套），并将样式应用于

h6的
:first child
和
:last child


.block{
边际上限：0；
填充：0；
背景#39b4bf；
}
.h6座{
边框：3px实心#fff；
显示：内联块；
边界半径：50%；
利润率：0.50px；
填充：25px；
身高：215px；
宽度：212px；
位置：相对位置；
过渡：全部3秒；
溢出：隐藏；
框大小：边框框；
}
.h6区span：第一个孩子{
颜色：#39b4bf；
字体大小：34px；
背景#74cad2；
填充：54px 54px；
边界半径：50%；
显示：内联块；
边框：25px实心#39b4bf；
}
.h6区跨度：最后一个孩子{
位置：绝对位置；
颜色：#39b4bf；
字体大小：34px；
背景：#fff；
填充：36px 20px；
边界半径：50%；
显示：内联块；
左：50px；
顶部：49px；
}
.h6区：悬停{
边框颜色：#74cad2；
/*动画：border.3s立方贝塞尔（.32,1.63,44,1.82）*/
}
.块h6：悬停跨度：第一个孩子{
边框颜色：#74cad2；
动画：边界效果。6s；
}
@-webkit关键帧边界效果{
0%   {
-webkit转换：规模（1）；
}
50%  {
-webkit转换：比例（1.5）；
}
100% {
-webkit转换：规模（1）；
}
}

27

雇主说
一次差劲的雇佣花了他们5万多美元

被打败了。。。尽管如此，我还是尝试在不改变标记结构的情况下，只使用一点CSS，调整
span>
的位置（50%从顶部/左侧开始，然后使用
translate（）
对其进行定位）。另外，我还以为你也希望这个数字增长


.block{
边际上限：0；
填充：0；
背景#39b4bf；
}
.h6座{
边框：3px实心#fff；
显示：内联块；
边界半径：50%；
利润率：0.50px；
填充：25px；
身高：215px；
宽度：212px；
位置：相对位置；
过渡：全部3秒；
溢出：隐藏；
框大小：边框框；
}
.块h6>span{
颜色：#39b4bf；
字体大小：34px；
背景#74cad2；
填充：54px 54px；
边界半径：50%；
显示：内联块；
边框：25px实心#39b4bf；
}
.块h6>span>span{
位置：绝对位置；
颜色：#39b4bf；
字体大小：34px；
背景：#fff；
填充：36px 20px；
边界半径：50%；
显示：内联块；
左：50%；
最高：50%；
-webkit转换：翻译（-50%，-50%）；
}
.h6区：悬停{
边框颜色：#74cad2；
/*动画：border.3s立方贝塞尔（.32,1.63,44,1.82）*/
}
.块h6：悬停>跨距{
边框颜色：#74cad2；
动画：边界效果。6s；
}
@-webkit关键帧边界效果{
0%   {
-webkit转换：规模（1）；
}
50%  {
-webkit转换：比例（1.5）；
}
100% {
-webkit转换：规模（1）；
}
}

27

雇主说
一次差劲的雇佣花了他们5万多美元

内部跨度是否应保持不缩放？@Banzay内部跨度不应缩放。我只希望外部跨度可以缩放。太好了！所以我不会改变我的答案。看起来不错。我感谢你的努力。谢谢你的回答。