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实现背景模糊的三种方式
Mar 09 HTML / CSS
纯css3实现的鼠标悬停动画按钮
Dec 23 HTML / CSS
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
Jan 30 HTML / CSS
纯html5+css3下拉导航菜单实现代码
Mar 18 HTML / CSS
HTML5 Canvas基本线条绘制的实例教程
Mar 17 HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 HTML / CSS
html5使用canvas实现弹幕功能示例
Sep 11 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
Dec 12 HTML / CSS
Canvas globalCompositeOperation
Dec 18 HTML / CSS
使用HTML5做的导航条详细步骤
Oct 19 HTML / CSS
Html分层的box-shadow效果的示例代码
Mar 30 HTML / CSS
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
Dec 24 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/04/09 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
php短信接口代码
2016/05/13 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
yii2安装详细流程
2018/05/23 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
js日历功能对象
2012/01/12 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
2019/01/31 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
js 计算月/周的第一天和最后一天代码
2020/02/01 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
python_mask_array的用法
2020/02/18 Python
Python创建自己的加密货币的示例
2021/03/01 Python
公司业务员岗位职责
2014/03/18 职场文书
空气环保标语
2014/06/12 职场文书
化学工程专业求职信
2014/08/10 职场文书
借款民事起诉状范文
2015/05/19 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python
Python pandas之求和运算和非空值个数统计
2021/08/07 Python
js 数组 fill() 填充方法
2021/11/02 Javascript