响应html css花括号。大括号。底部：不工作后

我有一些代码用于响应html css花括号我试图放置底部位置，但它无法正常工作。top位置工作正常。任何人都知道如何将该位置更改为底部。 谢谢

这是我的代码

.brace{
边框：2个实心#CCC；
高度：25px；
位置：相对位置；
边界底部：0；
边界半径：25px 25px 0；
边缘顶部：25px；
}
顶：后面{
内容：''；
位置：绝对位置；
左：50%；
宽度：50px；
高度：55px；
利润上限：-27px；
左边距：-25px；
背景色：#FFF；
背景：
线性梯度（135度，透明10px，#CCC 0）左上角，
线性梯度（225度，透明10px，#CCC 0）右上角，
线性梯度（315度，透明10px，#CCC 0）右下角，
线性梯度（45度，透明10px，#ccc0）左下角；
背景大小：50%50%；
背景重复：无重复；
背景图像：
径向梯度（0 0处的圆圈，透明25px，#CCC 26px，#FFF 28px），
径向梯度（100%0处的圆圈，透明25px，#CCC 26px，#FFF 28px），无，无；
}
.撑杆{
边界顶部：0；
边框底部：2个实心#CCC；
边界半径：0 0 25px 25px；
边际上限：0；
}
.支架.底部：之后{
内容：''；
位置：绝对位置；
左：50%；
宽度：50px；
高度：55px；
边际上限：0px；
左边距：-25px；
背景色：#FFF；
背景：
线性梯度（135度，透明10px，#25aae1 0）左上角，
右上角的线性梯度（225度，透明10px，#25aae1 0），
线性梯度（315度，透明10px，#25aae1 0）右下角，
线性梯度（45度，透明10px，#25aae1 0）左下角；
背景大小：50%50%；
背景重复：无重复；
背景图像：
径向梯度（0 0处的圆圈，透明25px，#25aae1 26px，#25aae1 28px），
径向梯度（100%0处的圆圈，透明25px，#25aae1 26px，#25aae1 28px），无，无；
}

请按照以下步骤操作。。根据相对位置，底部位置将对齐

.brace{
位置：静态；
}
.包装纸{
位置：相对位置；
}
.brace.top：：之后{
边际上限：0；
底部：-28px；
}
.支架.底部：之后{
内容：''；
位置：绝对位置；
左：50%；
宽度：50px；
高度：55px；
利润上限：-4px；
左边距：-25px；
背景色：#FFF；
背景：线性渐变（135度，透明10px，#ccc0）左上角，线性渐变（225度，透明10px，#ccc0）右上角，线性渐变（315度，透明10px，#ccc0）右下角，线性渐变（45度，透明10px，#ccc0）左下角；
背景大小：50%50%；
背景重复：无重复；
背景图像：径向梯度（0.0处的圆圈，透明25px，#CCC 26px，#FFF 28px），径向梯度（100%0处的圆圈，透明25px，#CCC 26px，#FFF 28px），无，无；
变换：旋转（180度）；
}

你想要“.brake.top:after”在底部位置吗？

。brake.top:after

是在顶部创建实际“spike”的原因。您的CSS中还没有对应的

brace.bottom

，那么您的实际问题是什么…？@04FS，我更新了我的代码，现在您可以看到我的问题，它不是旋转hanks，我添加了您的解决方案，但中间的解决方案不是显示也不是更改look my code，第一个是好的，我想这样做的花括号底部你可以分享你的输出屏幕吗？你想要顶部和底部曲线图像吗？我修改了一些更改，请检查我下面的评论