CSS 圆角处理图片和旋转动画
来源:互联网 发布:反电信网络诈骗的意义 编辑:程序博客网 时间:2024/05/21 07:12
CSS 圆角处理图片和旋转动画
<!DOCTYPE html><html><head><style> #container:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}#container{transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition: 2s;text-align:center;border:2px solid #a1a1a1;background:#dddddd;width:200px;height:200px;border-radius:25px;-moz-border-radius:25px; /* 老的 Firefox */overflow:hidden;padding-left:-10px;margin-left:50px;}#pic{width:230px;height:230px;background-image:url("./pic/mm.jpg");}</style></head><body><div id=container ><img id=pic /></div></body></html>
0 0
- CSS 圆角处理图片和旋转动画
- iOS 图片处理-图片旋转和裁剪
- JS和CSS使图片旋转
- 动画和图片的处理
- 图片的旋转动画
- 图片的旋转动画
- Android 图片旋转 动画
- 一个图片旋转动画
- css3图片旋转动画
- android 图片旋转动画
- PHP图片处理之图片旋转和图片翻转
- css图片旋转
- css图片旋转
- CSS旋转图片
- CSS图片旋转
- CSS图片不停旋转
- CSS旋转图片
- CSS 图片不停旋转
- library cache pin和library cache lock
- magento获取当前路径
- Codeforces 445B. DZY Loves Chemistry
- 软解析和硬解析
- xcode APP 打包以及提交apple审核详细流程(新版本更新提交审核)
- CSS 圆角处理图片和旋转动画
- IOS按钮倒计时
- STM32驱动Nokia5110
- Android应用中意见反馈功能的探讨与实现
- Java IO 典型用法 Java编程思想读书笔记
- java模拟post方式提交表单实现图片上传
- 如何发布网站?(window server 2012)
- [leetcode] Binary Tree Postorder Traversal
- 如何修复MySQL数据库(MyISAM / InnoDB)