css3 的transform属性允许我们旋转缩放和移动元素 可以通过给它传递一个 rotate度数 值来旋转一个元素，正值表示顺时针方向旋转，负值表示逆时针方向旋转，旋转的中心点为元素的中心CSS代码如下rotate mstransformrotate90deg * IE 9 * moztransformrotate90deg * Fire。

背景图上加个div层 然后参考下这个吧 toLeft backgroundimagewebkitlineargradientto left，rgba255，0，0，0 0%，rgba255，0，0，08 7%，rgba255，0，0，1 11%，rgba255，0，0，1 12%，rgba255，252，0，1 28%，rgba1，180，7，1 45%，rgba0，234，255，1 60%，rgba。

Animationdelay指定动画开始前的延迟Animationiterationcount指定动画播放的次数Animationdirection指定动画是否应该反过来播放关键帧 根据总时间的百分比，为每个动画和暂停分配时间以三张图为例做一个旋转木马如果最终值设置为100%，问题是从最后一个到第一个的切换中没。

制作带有音乐的滑动图片是一个结合了HTML5CSS3和JavaScript的复杂过程你需要掌握这些技术的基本原理，并灵活运用它们来实现你的创意通过不断实践，你将能够制作出更加精致流畅的滑动图片最后，记得在制作过程中充分考虑用户体验滑动图片应该易于操作，音乐应该不会干扰用户的浏览体验通过不断地。

可以使用css3中的rotate实现 实际的旋转效果是这样rotate中的 60deg 表示按最原始的位置，顺时针旋转60° w3school 里面有更详细用法，可以2D旋转3D旋转 可以参考网页链接 动画效果可以通过js改变rotate中传入的值来实现。

HTML5与CSS3权威指南是一本内容系统全面的书籍，深入挖掘了HTML5与CSS3的新功能与特性该书包含200余设计精巧的实例，具有极强的可操作性资深专家亲自执笔，获得三大前端社区一致推荐，权威性无可置疑软件开发领域不断涌现出新技术与新产品，Web前端领域尤为显著从Ajax技术的正式出现，到各种。

type=quottextjavascriptquotvar rotateHTML5 = function limit var reg = rotate\\\+？\d+deg\i var wt = divstyle#39webkittransform#39， wts = wtmatch reg var $2 = RegExp$2 consolelog $2 divstyle。