CSS3 文字效果是眾多網頁設計師關注的重點之一,因為它可以讓文本更加生動、美觀,提升整個頁面的視覺效果。在 CSS3 中,有許多關于文字的新特性和樣式效果,下面將就一些比較常見的CSS3 文字特效進行介紹:
/* 文字陰影 */ text-shadow: 2px 2px 2px #000; /* 文字漸變 */ background: -webkit-linear-gradient(#e66465, #9198e5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /*文字旋轉*/ transform:rotate(30deg); /*文字形狀*/ shape-outside: polygon(0 0, 100% 0, 100% 100%, 0 80%); /*文字描邊*/ -webkit-text-stroke: 1px black;
字體陰影可以為文字增加立體感,可用直接使用text-shadow 命令來添加;文字漸變使文本的顏色逐漸從一種顏色轉變到另一個顏色,這種效果可以使用 CSS3 的漸變 linear-gradient,再將背景的顏色設置為文字填充色的透明。文字旋轉則是用transform:rotate()命令為文字添加旋轉效果,深受一些創意類網站的喜歡。文字形狀是在某一形狀之內的文字,可以用shape-outside命令來實現。最后,文字描邊可以用段代碼實現,給文字加上細邊框,讓文字更加醒目。
上一篇html 中a設置塊級
下一篇html 戀愛代碼大全