css - 如何仅倾斜到反射框

Question

我只想将倾斜添加到 div 的反射部分，而不是整个 div 或文本。下面是我正在使用的反射框 CSS 样式。

.reflect{
	-webkit-box-reflect: below -0.5em
		-webkit-gradient(
		linear,
        center top, center bottom,
		from(transparent),
		color-stop(0.3, transparent),
        to(white));
        
}

   <h1 class="main_header reflect"> CooK BooK </h1>