麥克斯與沃普雷司

Custom Colored Underline – 自訂底線效果式樣設計

Custom Colored Underline - 自訂底線效果式樣設計

Custom Colored Underline - 自訂底線效果式樣設計

Custom Colored Underline 透過自訂底線效果的式樣設計,讓重點文字或是連結有了焦點效果。

漸層顏色效果一直是我個人很喜歡的一種網頁設計效果,除了可以提供訪客不同的視覺感受,更進一步可以達到推廣頁面內容的作用,這兩年也被大量的運用在網頁設計上。今天分享的內容是示範如何建立漸層效果的底線,來增加重點文字的關注效果,提升訪客的注意力,同樣也可以套用在連結上,創造出不同的式樣感覺。接下來就跟大家分享這式樣設計的語法,有興趣的朋友可以參考一下。

 

Custom Colored Underline

 

 

示範影片

 

結論

今天分享的式樣設計,幫文字加上漸層底線的語法很短,很容易就可以套用到指定文字上,對於重點提示文字,提供很不錯的效果,希望大家也會喜歡。

Exit mobile version