CSS实现背景色下移10px

众所周知，背景颜色是不能移动的，通常是填充满当前容器。

不过可以想想其它办法。。

🧐
利用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">