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

鼠標經(jīng)過文字發(fā)生翻轉(zhuǎn)變色，可以用css3實現(xiàn)效果：

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

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

所以假設(shè)導航上文字的class為nav，則鼠標經(jīng)過效果的css可以這樣寫：

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

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