首页 >

伪元素如何实现鼠标移入时下划线展开特效 – CSS – 前端,css婚庆公司模板

blur css3,jsp里css,css 选择href属性,css编辑对应的html,css input宽度全填满,css上左中右下布局,css婚庆公司模板伪元素如何实现鼠标移入时下划线展开特效 - CSS - 前端,css婚庆公司模板

完整代码

<!DOCTYPE html>

<html>

<head>

<meta charset=”UTF-8″>

<title>鼠标移入下划线展开</title>

<style type=”text/css”>

#underline{

width: 200px;

height: 50px;

background: #ddd;

margin: 20px;

position: relative;

}

#underline:after{

content: “”;

width: 0;

height: 5px;

background: blue;

position: absolute;

top: 100%;

left: 50%;

transition: all .8s;

}

#underline:hover:after{

left: 0%;

width: 100%;

}

</style>

</head>

<body>

<div id=”underline”></div>

</body>

</html>

blur css3,jsp里css,css 选择href属性,css编辑对应的html,css input宽度全填满,css上左中右下布局,css婚庆公司模板伪元素如何实现鼠标移入时下划线展开特效 - CSS - 前端,css婚庆公司模板


伪元素如何实现鼠标移入时下划线展开特效 - CSS - 前端,css婚庆公司模板
  • 怎样把网站的HTML程序导入dreamweaver - CSS - 前端,css颜色设置rbg
  • 怎样把网站的HTML程序导入dreamweaver - CSS - 前端,css颜色设置rbg | 怎样把网站的HTML程序导入dreamweaver - CSS - 前端,css颜色设置rbg ...

    伪元素如何实现鼠标移入时下划线展开特效 - CSS - 前端,css婚庆公司模板
  • HTML5和原生APP有什么不一样 - CSS - 前端,postcss转css
  • HTML5和原生APP有什么不一样 - CSS - 前端,postcss转css | HTML5和原生APP有什么不一样 - CSS - 前端,postcss转css ...

    伪元素如何实现鼠标移入时下划线展开特效 - CSS - 前端,css婚庆公司模板
  • 淘宝怎样补单 - CSS - 前端,css仿微信消息框
  • 淘宝怎样补单 - CSS - 前端,css仿微信消息框 | 淘宝怎样补单 - CSS - 前端,css仿微信消息框 ...