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

鼠標(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色。