HTML图片在div中心旋转+变色 鼠标移除后 慢慢恢复原样
来源:互联网 发布:手机淘宝差评怎么改 编辑:程序博客网 时间:2024/04/30 12:17
//鼠标移除后 慢慢恢复原样
列 th
th{ transition: all 2s; }
th:hover{
//变为原来的几倍大小
transform: scale(1.4);
}
<style>.divz {width: 500px;height: 500px;margin: 0 auto;position: relative;}.div1 {width: 500px;height: 500px;background-color: blue;}.div2 {width: 50px;height: 50px;position: absolute;display: none;top: 48%;left: 45%;height: 50px;transition: 2s;/*transform: rotate(180deg);*/animation: me 2s;}.divz:hover .div2 {display: block;}@keyframes me {from {}to {transform: rotate(360deg); background-color: #000000;}}</style>
<div class="divz"><div class="div1"></div><div class="div2"><img src="img/Cutter_2017-11-30 08_29_58.287.png" width="50px" height="50px"></div></div>
阅读全文
0 0
- HTML图片在div中心旋转+变色 鼠标移除后 慢慢恢复原样
- div鼠标悬停变色
- 鼠标移上去以中心为原点慢慢出现
- html-鼠标移动后自动旋转
- 鼠标放到图片上慢慢变大,移开后图片又慢慢变小
- 鼠标悬停,图片变色
- 鼠标移上去div边框阴影慢慢出现
- delphi自定义鼠标移入移除和点击后控件的图片改变
- div+css的使用,图片在div中置底,除空隙
- HTML放大旋转变色扭曲
- 在机顶盒上被移除adb后恢复的办法
- 鼠标放到图片上,图片慢慢变清淅
- 点击是图片变大,再次点击图片恢复原样
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色
- VBO-EBO-VAO-01
- 欢迎使用CSDN-markdown编辑器
- 模板-邻接表
- Python学习:列表生成式和列表生成器
- 使用SSH 实现本地代理,远程端口转发
- HTML图片在div中心旋转+变色 鼠标移除后 慢慢恢复原样
- 自定义文本选择菜单
- FFmpeg之AVCodecContext
- IO(三)
- Java的发展史
- SpringMvc数据绑定小结
- Spring MVC + Shiro 实现权限验证
- 安卓前端+web后端 通信示例 GET
- sql面试题 学生表, 课程表,成绩表,教师表