眾所周知,背景顏色是不能移動的,通常是填充滿當前容器。
不過可以想想其它辦法。。
??
利用css3的線性屬性linear,在垂直方向向下推要移動的距離設成透明顏色,能在視覺上巧妙實現下移的效果。
.title {height: 20px;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(138, 81, 254, 0.20) 50%,rgba(138, 81, 254, 0.20) 100%}
<span class="title">