css3-如何实现阴影和；然后排队？

我想要上面的你好阴影线应该是阴影，然后是线（我的意思是与下面的线相反）。请帮助我如何做到这一点

.fusion-separator.sep-shadow{
高度：1px；
溢出：可见；
边界：无；
背景：无；
背景：-webkit渐变（线性、左上、右上、颜色停止（0%、rgba（150、150、150、0））、颜色停止（15%、rgba（150、150、150、0））、颜色停止（50%、rgba（150、150、150、0.65））、颜色停止（85%、rgba（150、150、150、0））、颜色停止（100%、rgba（150、150、150、0））；
背景：-webkit线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-莫兹线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-ms线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-o-线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#00000000'，endColorstr='#00000000'，GradientType=1）；
}
.fusion separator.sep阴影：之后{
显示：块；
边缘顶部：10px；
高度：6px；
宽度：100%；
内容：''；
背景：-webkit径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）65%）；
背景：-莫兹径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）80%）；
背景：-o-径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）80%）；
背景：径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）65%）；
}

你好

我通过将阴影定位为

绝对

，将

sep阴影定位为
相对
。
我还将边距移动到
sep shadow
。
您可以使用
.fusion separator.sep shadow:after
的
top
属性移动阴影


.fusion-separator.sep-shadow{
位置：相对位置；
边缘顶部：10px；
高度：1px；
溢出：可见；
边界：无；
背景：无；
背景：-webkit渐变（线性、左上、右上、颜色停止（0%、rgba（150、150、150、0））、颜色停止（15%、rgba（150、150、150、0））、颜色停止（50%、rgba（150、150、150、0.65））、颜色停止（85%、rgba（150、150、150、0））、颜色停止（100%、rgba（150、150、150、0））；
背景：-webkit线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-莫兹线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-ms线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：-o-线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%）；
背景：线性梯度（左，rgba（150，150，150，0）0%，rgba（150，150，150，0）15%，rgba（150，150，150，0.65）50%，rgba（150，150，150，0）85%，rgba（150，150，150，0）100%；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#00000000'，endColorstr='#00000000'，GradientType=1）；
}
.fusion separator.sep阴影：之后{
位置：绝对位置；
顶部：-3px；
显示：块；
高度：6px；
宽度：100%；
内容：''；
背景：-webkit径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）65%）；
背景：-莫兹径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）80%）；
背景：-o-径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）80%）；
背景：径向梯度（50%-50%的椭圆，rgba（0,0,0,0.5）0px，rgba（255,255,0）65%）；
}

你好
添加此新类。我使用
CSS
property
transform
来旋转上面的div
。fusion-full-width-sep1

.fusion-full-width-sep1 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

小提琴：