本篇文章給大家分享的是有關(guān)怎么在dw中使用transition過渡屬性，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)博望,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

1、在Dreamweaver中構(gòu)建一個簡單導(dǎo)航，如下圖所示，設(shè)置文字顏色和背景色

2、點(diǎn)擊打開文件中的-拆分

3、可以在軟件中實(shí)時預(yù)覽效果

4、對其中的li添加：hover屬性，當(dāng)鼠標(biāo)經(jīng)過li時，字體和背景顏色發(fā)生變化，如圖當(dāng)鼠標(biāo)經(jīng)過li時，背景顏色變?yōu)辄S色，字體變?yōu)楹谏?/p>

li:hover{background-color:yellow;color:black;｝

5、在li:hover{}  中添加transition過渡動畫，transition后面添加變化的屬性及屬性變化的時間，如下圖所示transition:background-color 0.5s;意思是對background-color背景顏色設(shè)置過渡動畫，當(dāng)鼠標(biāo)經(jīng)過li時，背景顏色會慢慢變?yōu)辄S色，中間時間為0.5s

6、如果里面包含多個屬性時，transition后面的屬性可以使用all來代替，比如這里的背景顏色和字體顏色兩個屬性，使用all全部代替，當(dāng)鼠標(biāo)經(jīng)過Li時，字體和背景顏色會慢慢改變

7、如果在hover中設(shè)置文字字號，設(shè)置為字號50號時，當(dāng)鼠標(biāo)經(jīng)過li時，字體會慢慢變大，形成一個動畫效果

以上就是怎么在dw中使用transition過渡屬性，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：怎么在Dreamweaver中使用transition過渡屬性
文章鏈接：http://www.rwnh.cn/article18/psjogp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、營銷型網(wǎng)站建設(shè)、定制網(wǎng)站、Google、軟件開發(fā)、網(wǎng)站建設(shè)

廣告

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