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使用多列制作瀑布流
May 10 HTML / CSS
CSS3轻松实现圆角效果
Nov 09 HTML / CSS
移动端Web页面的CSS3 flex布局快速上手指南
May 31 HTML / CSS
css3实现背景模糊的三种方式(小结)
May 15 HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 HTML / CSS
html5视频播放_动力节点Java学院整理
Jul 13 HTML / CSS
html5定制表单_动力节点Java学院整理
Jul 11 HTML / CSS
HTML5中使用json对象的实例代码
Sep 10 HTML / CSS
详解HTML5中CSS外观属性
Sep 10 HTML / CSS
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
Mar 31 HTML / CSS
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
May 25 HTML / CSS
CSS使用Flex和Grid布局实现3D骰子
Aug 05 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 文章调用类代码
2011/08/11 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
JQuery datepicker 使用方法
2011/05/20 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
js用正则表达式来验证表单(比较齐全的资源)
2013/11/17 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
市优秀教师事迹材料
2014/02/05 职场文书
六查六看自查材料
2014/02/17 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
小学生演讲稿大全
2014/04/25 职场文书
婚礼秀策划方案
2014/05/19 职场文书
捐款活动总结
2014/08/27 职场文书
员工团队活动方案
2014/08/28 职场文书
年检委托书
2014/08/30 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python