html5+css3 css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效?
css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效?完整代碼<!DOCTYPE html><html><head><meta charset=“UTF-8”><tit
css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效?
完整代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>鼠標移下劃展開lt/title>
<style type=“text/css”>
下劃線{
寬度:200px
高度:50px
背景:#ddd
邊距:20px
位置:相對
}#下劃線:后面{
內容:“”
寬度:0
高度:5px
背景:藍色
位置:絕對
頂部:100%
左側:50%
過渡:全部.8s
}#下劃線:懸?!皗
left:0%
width:100%
}
</style>
</head>
<body>
<div id=”underline“></div>
</body>
</html>”