css選擇器hover用法,CSS的文本怎么上移?
上下移動
.a{undefined
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
width:200px;
height:200px;
background-color:#000000;
display:block;
margin:100px auto;
color:#fff;
text-align:center;
line-height:200px;
font-size:20px;
font-weight:bold;
}
.a:hover {undefined
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
}
上下移動
css上下切換效果?
CSS的hover屬性,鼠標移動上去高亮顯示,移除去掉高亮顯示。
css導(dǎo)航欄鼠標hover的時候就出現(xiàn)下拉菜單?
選擇鼠標指針浮動在其上的元素,并設(shè)置其樣式:對于HTML 部分:可以使用任何的 HTML 元素來打開下拉菜單,如:, 或 a
css如何設(shè)置懸浮旋轉(zhuǎn)?
這與html的結(jié)構(gòu)是分不開的
舉個例子
html
<div.class="pic">鼠標移過來看看<img src="你找張你本地的圖片放這里"/></div>.pic{position:relative;}
.pic img{display:none}
.pic:hover img{display:block}上面的代碼,實現(xiàn)了鼠標經(jīng)過時,圖片顯示。但ie低版本瀏覽不支持a以外的元素的hover偽類,所以這個寫法是不兼容低版本瀏覽的。
另外你的要求是
鼠標拿開旋轉(zhuǎn)消失
這個可以在.pic img加css3的過渡屬性,在.pic:hover img加css3的旋轉(zhuǎn)屬性即可。