css3 2D图片转动样式可以扩充到Js当中


Posted in HTML / CSS onApril 29, 2014

复制代码
代码如下:

/*css3 2D图片转动样式*/
.leftyyy //向左转动30度,这个30度是我自认为的。可以拿去测试就知道了-30向左,30向右
{
transform:rotate(-30deg);
-webkit-transform:rotate(-30deg); /* Safari and Chrome */
-moz-transform:rotate(-30deg); /* Firefox */
}
.rightyyy
{
transform:rotate(30deg);
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-moz-transform:rotate(30deg); /* Firefox */
}

可以扩充到Js当中,进行图片转动效果,如抽奖等等,
HTML / CSS 相关文章推荐
css3实现图片遮罩效果鼠标hover以后出现文字
Nov 05 HTML / CSS
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
使用CSS3来匹配横屏竖屏的简单方法
Aug 04 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
Jan 05 HTML / CSS
使用纯 CSS 创作一个脉动 loader效果的源码
Sep 28 HTML / CSS
CSS3实现王者荣耀匹配人员加载页面的方法
Apr 16 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
Nov 16 HTML / CSS
HTML5 Canvas API中drawImage()方法的使用实例
Mar 25 HTML / CSS
html5弹跳球示例代码
Jul 23 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
Jul 11 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
Jan 31 HTML / CSS
AmazeUI图片轮播效果的示例代码
Aug 20 HTML / CSS
CSS实现的一闪而过的图片闪光效果
Apr 23 #HTML / CSS
CSS改变网页中鼠标选中文字背景颜色例子
Apr 23 #HTML / CSS
CSS的pointer-events属性详细介绍(作用和注意事项)
Apr 23 #HTML / CSS
纯CSS实现菜单、导航栏的3D翻转动画效果
Apr 23 #HTML / CSS
css3和jquery实现自定义checkbox和radiobox组件
Apr 22 #HTML / CSS
css3实现垂直下拉动画菜单示例
Apr 22 #HTML / CSS
纯CSS改变webkit内核浏览器的滚动条样式
Apr 17 #HTML / CSS
You might like
php预定义常量
2006/12/25 PHP
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
php学习笔记之基础知识
2014/11/08 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
element-ui upload组件多文件上传的示例代码
2018/10/17 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
[36:33]Ti4 循环赛第四日 附加赛NEWBEE vs Mouz
2014/07/13 DOTA
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python heapq使用详解及实例代码
2017/01/25 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Python logging模块原理解析及应用
2020/08/13 Python
python3跳出一个循环的实例操作
2020/08/18 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
小学教师师德反思
2014/02/03 职场文书
运动会解说词200字
2014/02/06 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸
多线程Spring通过@Scheduled实现定时任务
2022/05/25 Java/Android