如何使用純CSS實(shí)現(xiàn)文本的淡入動(dòng)畫效果(附源碼)

利用CSS3動(dòng)畫屬性“@keyframes ”可實(shí)現(xiàn)一些動(dòng)態(tài)特效，具體語(yǔ)法和參數(shù)可以網(wǎng)上自行學(xué)習(xí)。這篇文章主要是實(shí)踐應(yīng)用一下這個(gè)動(dòng)畫屬性，實(shí)現(xiàn)頁(yè)面淡入特效，在火狐24版、chrome29版、IE10中測(cè)試通過。IE9及以下瀏覽器不支持此特效。

葫蘆島網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),葫蘆島網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為葫蘆島數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的葫蘆島做網(wǎng)站的公司定做！

animate.css動(dòng)畫庫(kù)的使用方法：通過link標(biāo)簽引入到代碼中，再向要設(shè)置動(dòng)畫的標(biāo)記元素中添加animated類以及所需設(shè)置動(dòng)畫效果的動(dòng)畫類名Animate.css是一個(gè)簡(jiǎn)單的CSS庫(kù)，可以不用寫太多的CSS代碼就可以在網(wǎng)頁(yè)上設(shè)置動(dòng)畫。

實(shí)際使用過渡屬性就可以，transition：0.5s；但這個(gè)是CSS3屬性，低版本IE無(wú)效，可使用JS代替。

CSS3下的漸變文字效果實(shí)現(xiàn)

可以使用 background-image 屬性并指定 linear-gradient 函數(shù)。

重復(fù)線性漸變效果，有的朋友可能聽起來(lái)比較陌生，但是在我們?nèi)粘Ｉ钪幸彩浅Ｒ姷囊环N漸變效果。

CSS3里面的線性漸變：linear-gradient 語(yǔ)法 參數(shù) 第一個(gè)參數(shù)：指定漸變方向，可以用“角度”的關(guān)鍵詞或“英文”來(lái)表示：第一個(gè)參數(shù)省略時(shí)，默認(rèn)為“180deg”，等同于“to bottom”。

CSS3 漸變（gradients）可以讓你在兩個(gè)或多個(gè)指定的顏色之間顯示平穩(wěn)的過渡。

下面我們就給大家介紹一個(gè)常見的css3漸變效果。首先大家要知道，CSS3 定義了兩種類型的漸變（gradients）：線性漸變（Linear Gradients）和徑向漸變（Radial Gradients）。本節(jié)先重點(diǎn)介紹線性漸變-Linear Gradients。

CSS字體與文本樣式詳解

粗細(xì) font-weight作用：設(shè)置文字是否加粗顯示。屬性名：font-weight(屬于 font 屬性的一個(gè)單一屬性)字體風(fēng)格 font-style作用：設(shè)置文字是否斜體顯示。

文本就是某個(gè)元素里的文本內(nèi)容比如：文本屬性就是指，字間距，字顏色，字大小，等這些屬性。

font-size字號(hào) font-family什么字體 font-weight加粗 text-align水平居中 line-height垂直居中 text-indent首行縮進(jìn) 常用的差不多這些了，當(dāng)然還有好多其他的不過用起來(lái)可能不如這些頻率高。

本文題目：css樣式控制文本效果 css屬性控制文本的字號(hào)大小
瀏覽路徑：http://jinyejixie.com/article11/dggesdd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、、網(wǎng)頁(yè)設(shè)計(jì)公司、做網(wǎng)站、Google、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)