jQuery-将图像旋转一个静态量,然后应用阴影?
谁能给我一个jQuery示例,说明如何:jQuery-将图像旋转一个静态量,然后应用阴影?,jquery,rotation,Jquery,Rotation,谁能给我一个jQuery示例,说明如何: 将图像旋转静态度数(例如30度) 对旋转的图像应用阴影效果 will do it@genesis'的答案似乎不支持Internet Explorer,因为DXImageTransform.Microsoft.BasicImage(rotation=)参数仅支持90度、180度和270度增量(此处的文档: 我发现一个更好的解决方案是结合使用@genesis的答案和jQuery插件: 使用jQuery代码将图像旋转任意数量: $('#photo1').ro
will do it@genesis'的答案似乎不支持Internet Explorer,因为DXImageTransform.Microsoft.BasicImage(rotation=)参数仅支持90度、180度和270度增量(此处的文档: 我发现一个更好的解决方案是结合使用@genesis的答案和jQuery插件: 使用jQuery代码将图像旋转任意数量:
$('#photo1').rotate(-8);
然后使用@genesis代码的修改应用阴影:
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-moz-box-shadow:2px 2px 4px #999999;
-webkit-box-shadow:2px 2px 4px #999999;
修改不包括以下行:
box-shadow:2px 2px 4px #999999;
由于某种原因,在Internet Explorer中加入这条线会使您的背景变为黑色。没有这条线,它似乎可以正常工作。使用CSS进行此操作有什么错?是否有一种偶然的方法可以使图像对覆盖在其上的任何内容进行反锯齿处理?这样您就看不到旋转的硬像素了?哦,而且-这非常有效!(除非它会更大,如果它会反别名)@基思·帕默:恐怕-不,只要你相信我就行了browser@Keith可能是因为IE不太好。我想你每次都会遇到IE的问题:/不幸的是,我们35%以上的网络流量是IE,所以一个在IE中不起作用的解决方案是不可行的。请参阅下面我的答案,了解一个在IE中也起作用的解决方案。
box-shadow:2px 2px 4px #999999;