要實現文字效果,可以在CSS中使用linear-gradient屬性來為文本添加漸變背景色。以下是一個簡單的示例:
h1 {
background: linear-gradient(to right, #ff7e5f, #feb47b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
這段代碼將為h1元素的文本添加一個從#ff7e5f到#feb47b的水平漸變背景色。同時,-webkit-background-clip屬性設置為text,表示只對文本內容應用背景色,-webkit-text-fill-color屬性設置為transparent,將文本顏色設為透明,從而顯示出背景色。您可以根據需要調整漸變色和方向來實現不同的文字效果。