秀米小夥伴們好呀
今天給大家介紹一個新功能
這是一個小編期待了兩年的功能
在程序猿小哥更新計劃上待了兩年的功能
這兩年間秀米大大小小更新50餘次
終於在今年輪到它並上線了
它就是文字漸變
在編輯區域,選中文字,在工具條上點擊文字顏色設置,會有一個漸變色調色板。
當然文字漸變調色板,與設置布局漸變背景的調色板是一致的,兩者通用。
打開漸變調色板後,選擇一個漸變色,文字即實現漸變效果。
漸變文字效果並不是簡單的給文字設漸變色,它還可以做出更好玩的文字漸變效果~
radial-gradient(circle at 10% 90%, rgb(255, 238, 103) 0%, rgb(255, 239, 103) 10%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.2) 100%)
所以,簡單來說,這個漸變色是用黃色+白色做出來的漸變色,只不過黃色只有一點點;接著再通過調整文字間距,做出來文字拆分的效果:
這種文字疊加漸變效果呢,四個字分別放進四列布局裡,設置同一方向的半透明漸變色,再調整下參數就好:
linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
下面這兩個模板是同一類型的,大家有興趣可以自己做出來的哦:
在給一行文字設置一個漸變色後,就不能再給其中幾個文字設置另一個漸變色,不然就會收到這樣一個提示:
文字漸變色,和文字格式裡面的:文字底色、文字陰影、下劃線、刪除線,是不兼容的。
在設置好漸變色後,再設置這些文字格式的時候,就依然會得到一個提示:
特別要說明的是,漸變文字與文字陰影效果最好不要疊加使用,它們疊加後的文字會變得奇奇怪怪:
漸變文字效果,可以在文字漸變色調色板中設置,簡單好用,先輸入文字再設置文字漸變色即可。不過,在使用時要注意以下事項:
為了讓大家更好感受到
秀米文字漸變的魅力
我們上線了一點漸變文字模板
我就先截圖給你們看下~
當然模板是vip優先7天使用yo~