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色彩
Jan 16 HTML / CSS
css3设置box-pack和box-align让div里面的元素垂直居中
Sep 01 HTML / CSS
纯HTML5+CSS3制作图片旋转
Jan 12 HTML / CSS
纯css3制作煽动翅膀的蝴蝶的示例
Apr 23 HTML / CSS
css3利用transform变形结合事件完成扇形导航
Oct 26 HTML / CSS
关于css中margin的值和垂直外边距重叠问题
Oct 27 HTML / CSS
css3弹性盒子flex实现三栏布局的实现
Nov 12 HTML / CSS
html5图片上传预览示例分享
Apr 14 HTML / CSS
深入剖析HTML5 内联框架iFrame
May 04 HTML / CSS
HTML5 新标签全部总汇(推荐)
Jun 13 HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 HTML / CSS
使用canvas压缩图片大小的方法示例
Aug 02 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
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
在PHP中使用XML
2006/10/09 PHP
如何删除多级目录
2006/10/09 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
Python实现ssh批量登录并执行命令
2016/10/25 Python
python利用sklearn包编写决策树源代码
2017/12/21 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
python调用摄像头的示例代码
2020/09/28 Python
JS原生实现轮播图的几种方法
2021/03/23 Javascript
大学生自我评价怎样写好
2013/10/23 职场文书
《狐假虎威》教学反思
2014/02/07 职场文书
班训口号大全
2014/06/18 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
车位出租协议书范本
2016/03/19 职场文书