CSS3的出現(xiàn)讓網(wǎng)頁設(shè)計變得更加生動有趣,在手機字體炫酷效果方面也是如此。下面介紹幾種常見的炫酷效果。
/* 1.文字出現(xiàn)動畫 */ @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } .fadeIn { animation: fadeIn 1s ease-in-out; } /* 2.文字變色動畫 */ @keyframes colorChange { 0% {color: #ff00ff;} 50% {color: #ffff00;} 100% {color: #00ffff;} } .colorChange { animation: colorChange 1s ease-in-out infinite; } /* 3.文字旋轉(zhuǎn)動畫 */ @keyframes rotateText { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .rotateText { animation: rotateText 1s linear infinite; }
以上是三種常用的CSS3手機字體炫酷效果,可以根據(jù)需要進行調(diào)整和修改,并且可以通過JavaScript實現(xiàn)觸發(fā)特效。