使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
无标题文档
b{
position:absolute;
right:10px;
top:7px;
width:0;
height:0;
border-width:4px 4px;
border-style:solid;
border-color:#666 #f5f5f5 #f5f5f5;
font-size:0;
line-height:0;
-webkit-transition:-webkit-transform .2s ease-in;
-webkit-backface-visibility:hidden;
-moz-transition:-moz-transform .2s ease-in;
-o-transition:-o-transform .2s ease-in;
transition:transform .2s ease-in;
}
b:hover{
border-color:#666 #fff #fff #fff;
-moz-transform:rotate(180deg);
-moz-transform-origin:50% 30%;
-webkit-transform:rotate(180deg);
-webkit-transform-origin:50% 30%;
-o-transform:rotate(180deg);
-o-transform-origin:50% 30%;
transform:rotate(180deg);
transform-origin:50% 30%;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
top:3px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/234491.html原文链接:https://javaforall.cn
相关文章
- HTML+CSS实现炫酷的登录界面「建议收藏」
- 一款在线多张图片拼图工具HTML源码
- CSS+HTML 顶部导航栏实现「建议收藏」
- html鼠标点击后变换样式,css鼠标样式(css鼠标点击切换样式)
- html下划线 下移,css如何实现下划线滑动效果
- HTML+CSS登录界面[通俗易懂]
- html超链接位置怎么改,如何修改HTML超链接样式?
- html 中 超链接的写法,网页超链接样式的CSS写法「建议收藏」
- JS开发引用HTML DOM的location和document对象[通俗易懂]
- html css制作404页面,CSS3绘制404页面
- Java web实现简登录页面(MyBatis+jsp+servlet+html+css+javascript)附源码「建议收藏」
- css中的clear_html clear用法
- web前端设计与开发期末作品: 服装主题网页设计——女装下拉菜单带特效 (11页) HTML+CSS+JavaScript 网页设计期末作业个人主页…[通俗易懂]
- 使用HTML+CSS实现网页loading加载效果,支持定时或加载完成后隐藏
- html中三角向下符号,使用css实现三角符号效果[通俗易懂]
- 前端面试之HTML && CSS
- Extjs4.2 window加载HTML,父子页面html传参
- 使用 Html、CSS 和 Javascript 的简单模拟时钟
- 【CSS教程】紫色渐变登陆布局html+css代码
- Ratchet:使用 HTML,JS,CSS 创建 iPhone App 原型
- HTML-CSS-JS Prettify 代码格式化插件
- SpringMVC中避免拦截css,js,html图片等静态文件详解编程语言
- HTML/CSS/JavaScript学习笔记持续更新详解编程语言
- 使用HTML连接MySQL数据库实现功能(html连接mysql数据库)
- HTML <details> 标签
- HTML <dl> 标签
- 使用MySQL和HTML打造高效的数据驱动网站(mysql与html)
- php压缩HTML函数轻松实现压缩html/js/Css及注意事项
- GridView生成的HTML代码示例对比
- asp.net获取HTML表单File中的路径的方法