我正在尝试创建Google在文本结尾处使用的一些淡化效果,而不是省略号或仅使用overflow:hidden
剪切文本。
我这样做是通过创建一个:before元素,我位于右侧。
这是我使用的mixin:
.OverflowFadeRight(@color)
{
position:relative;
&:before {
content:"";
height:100%;
position:absolute;
top:0;
right:0;
width:4.8rem;
.GradientLTR(transparent; @color);
}
}
这段代码有效,但我想做的是将宽度设置为与高度相同,因此它总是成比例的,即父级的高度的100%。
我见过根据宽度设置高度的技术,但可以这样做吗?