使用css制作标签的三角按钮上下翻转
2018-03-27 22:05
399 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="public/bs/js/jquery-1.11.0.min.js"></script>
<style>
div{
width:12px;
height:12px;
/*background:red;*/
display: inline-block;
line-height:100%;
}
#bt:hover div{
transform: rotate(180deg);
}
</style>
</head>
<body>
<button id="bt">我的酒仙 <div id="sp">▼</div> </button>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用css制作三角，兼容IE6，用到的标签<div><s><span>
- DIV+CSS布局重新学习之使用A标签和CSS制作按钮
- 使用css制作三角，兼容IE6，用到的标签<div><s><span>
- 使用css制作三角，兼容IE6，用到的标签&lt;div&gt;&lt;s&gt;&lt;span&gt;
- CSS制作三角标签
- 使用CSS制作文字环绕图片效果（文字内容包含<li>标签）
- 追求极致--纯css制作三角、圆形按钮，兼容ie6
- 纯css制作三角、圆形按钮，兼容ie6
- 利用DIV+CSS制作网页过程中常用的基本概念及标签使用细节
- CSS垂直翻转背景图片重用实例页面（类似淘宝的上下倒三角）
- 利用DIV+CSS制作网页过程中常用的基本概念及标签使
- 使用CSS清除按钮和超链接点击时产生的虚线
- 使用CSS3制作漂亮的按钮
- 用CSS制作三角形和按钮的简单实例
- 使用css+js制作水平菜单
- 安卓开发 欢迎画面制作 与 按钮如何使用讲解
- html标签怎么使用CSS设置宽度？
- 使用CSS—轻松学习网站界面制作（二）
- 纯CSS小三角制作
- 使用CheckBox的属性制作纯css动态导航栏