cssでbackgroundカラーを緑_透明

###前提・実現したいこと
cssでbackgroundカラーを緑_透明_緑にしたい。
言葉では説明しがたいので画像作成しました。

※サービスの左側の部分のbefore要素のところです。

画像上側のタイトルのソースを載せておきます。

どなたかcssのカラー調整に詳しい方がいらっしゃいましたらご教示ください。
お願いいたします。
###該当のソースコード

html
1<h4 class="tit04">サービス</h4>

css
1.tit04{
2	position: relative;
3	border: 1px solid #ccc;
4	padding: 15px 0px 15px 23px;
5	font-size: 1.05rem;
6	line-height:1.1rem;
7	color: #666;
8    margin-bottom: 17px;
9}
10
11.tit04::before{
12	position: absolute;
13	top: 48%;
14	transform: translate(0, -50%);
15	left: 10px;
16	content: "";
17	width: 4px;
18	height: 18px;
19	background-color: #8CC63F;
20	vertical-align: -2px;
21}
22
23.tit04::after{
24	position: absolute;
25	top: 50%;
26	right: 10px;
27	transform: translate(0, -50%);
28	font-family: FontAwesome;
29	content: "\f139";
30	font-size: 1.45rem;
31	color: #8CC63F;
32}

行動規範の内容に同意します

回答1件

ベストアンサー

css
1.tit04::before {
2  background: linear-gradient(to bottom, #8cc63f 0%, #8cc63f 25%, transparent 25%, transparent 75%, #8cc63f 75%, #8cc63f 100%);
3}