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 相关文章推荐
网页布局中CSS样式无效的十个重要原因详解
Aug 10 HTML / CSS
CSS3线性渐变简单实现以及该属性在浏览器中的不同
Dec 12 HTML / CSS
css3实现针线缝合效果(图解步骤)
Feb 04 HTML / CSS
支持IE8的纯css3开发的响应式设计动画菜单教程
Nov 05 HTML / CSS
CSS3弹性盒模型开发笔记(二)
Apr 26 HTML / CSS
浅谈css3中的渐进增强和优雅降级
Dec 01 HTML / CSS
HTML5实现Notification API桌面通知功能
Mar 02 HTML / CSS
html5 localStorage本地存储_动力节点Java学院整理
Jul 06 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
May 22 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
Oct 17 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
Apr 24 HTML / CSS
CSS实现漂亮的时钟动画效果的实例代码
Mar 30 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常用编译参数中文说明
2014/09/27 PHP
PHP使用递归生成文章树
2015/04/21 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
学习ExtJS table布局
2009/10/08 Javascript
Javascript 中的类和闭包
2010/01/08 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
python下如何让web元素的生成更简单的分析
2008/07/17 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
python获取交互式ssh shell的方法
2019/02/14 Python
python tkinter基本属性详解
2019/09/16 Python
python manage.py runserver流程解析
2019/11/08 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
酒店员工培训方案
2014/06/02 职场文书
学习雷锋标语
2014/06/25 职场文书
2014年商场国庆节活动策划方案
2014/09/16 职场文书