位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

dreamweaver導(dǎo)航條怎么實(shí)現(xiàn)鼠標(biāo)移過(guò)文字發(fā)生翻轉(zhuǎn)變色

提問(wèn)人:李娟發(fā)布時(shí)間:2020-09-16

鼠標(biāo)經(jīng)過(guò)文字發(fā)生翻轉(zhuǎn)變色,可以用css3實(shí)現(xiàn)效果:


1,利用css3的rotate(<angle>)實(shí)現(xiàn)文字翻轉(zhuǎn),其中angle是指旋轉(zhuǎn)角度,如果設(shè)置的值為正數(shù)表示順時(shí)針旋轉(zhuǎn),如果設(shè)置的值為負(fù)數(shù),則表示逆時(shí)針旋轉(zhuǎn)。如transform:rotate(30deg):


2,直接定義color即可實(shí)現(xiàn)文字變色效果。


所以假設(shè)導(dǎo)航上文字的class為nav,則鼠標(biāo)經(jīng)過(guò)效果的css可以這樣寫:


.nav hover{transform:rotate(30deg);color:red;}


這樣寫的效果就是,當(dāng)鼠標(biāo)經(jīng)過(guò)是,文字順時(shí)針旋轉(zhuǎn)30度,文字顏色變?yōu)榧t色。

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部