如何使用css或jquery创建图像弯曲

html-css022

如何使用css或jquery创建图像弯曲,第1张

用css3的transform:rotateX(20deg)这个代码会让元素沿X轴旋转

注意这个代码要根据浏览器不同加前缀如：

-webkit-transform:rotateX(20deg)/* Safari和Chrome */

rotate这只是一个对jquery扩充的插件而已，你没有那个插件你写这个参数是无效的。你可以去下载rotate这个插件，要不你就用css3写如下：

$('#test').animate({  borderSpacing: -90 }, {    step: function(now,fx) {

     $(this).css('-webkit-transform','rotate('+now+'deg)')      

$(this).css('-moz-transform','rotate('+now+'deg)')      

$(this).css('-ms-transform','rotate('+now+'deg)')

     $(this).css('-o-transform','rotate('+now+'deg)')      

$(this).css('transform','rotate('+now+'deg)')      },

   duration:'slow' },'linear')