草庐IT

rotations4

全部标签

html - 为什么 fa-rotate-90 图标在 Chrome 中显得模糊?

这张图片是FontAwesomeexamples的截图在我的屏幕上(我什至在Paint中旋转以确保它真的很模糊,而不仅仅是一些魔术)90度和270度旋转看起来很模糊。垂直和水平翻转都很好。我的问题是为什么?导致这种情况发生的是Chrome还是FontAwesome机制?当然,在IE9中情况多更糟 最佳答案 font-awesomeCSS定义了导致此问题的CSS规则。.fa{line-height:1;}去掉这条规则后,图标显示的很好。 关于html-为什么fa-rotate-90图标在C

javascript - 使用 transform rotate 停止移动内容时

我正在使用transform:rotate();将内容旋转进出View,但是,每个文本主体在进入View时处于不同的位置。因此,当您在我的演示中单击下一步按钮时,如果您查看边框,内容位于不同的位置。当单击下一个按钮时,滚轮同样旋转90度,因此我希望内容在每次旋转时都处于相同的位置。有人可以解释/解决为什么这不会发生吗?我为我的内容创建了一个轮子,并设置了轮子的样式以隐藏当前不可见的选项;//Pageloadtransformstart,settersvardegree=0;varitemStart=$('.wheel').find('.item-one').addClass('item

animation - 变换 : rotate. 上的 CSS3 动画获取旋转元素当前度数的方法?

我正在开发一个使用拖放的html5界面。当我拖动一个元素时,目标获得一个css类,由于-webkit-animation,它会双向旋转。@-webkit-keyframespulse{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(-10deg);}75%{-webkit-transform:rotate(10deg);}100%{-webkit-transform:rotate(0deg);}}.drag{-webkit-animation-name:pulse;-webkit-animation-dur

html - 旋转时的 css 挑战(转换 :rotate) block - width auto

我在使用css变换将block旋转90度时遇到了一点问题。挑战在于:旋转block在40px垂直列内。这意味着自动模式下旋转block的宽度不超过40px。因此,大块文本不会放在一个连续的行上,而是会出现换行符。为了更好地可视化这个问题,请检查我创建的这个fiddle:http://jsfiddle.net/F7CEX/#open_nav{font-family:'Exo',sans-serif;font-weight:300;font-size:1em;display:block;color:#333333;text-decoration:none;background:url("i

javascript - HTML5 Canvas : How to make a loading spinner by rotating the image in degrees?

我正在用html5Canvas制作一个加载微调器。我在Canvas上有我的图形,但是当我旋转它时,图像会旋转离开Canvas。我如何告诉它在其中心点旋转图形?Canvastestwindow.onload=function(){vardrawingCanvas=document.getElementById('myDrawing');//ChecktheelementisintheDOMandthebrowsersupportscanvasif(drawingCanvas&&drawingCanvas.getContext){//Initaliasea2-dimensionaldraw

html - -webkit-transform rotate - Chrome 中的像素化图像

在容器div上使用-webkit-transform:rotate(-5deg);,Chrome会渲染具有真正锯齿状边缘的图像网格。而在FF(-moz-transform:)和IE(-ms-filter:)中一切看起来都正常-请查看下面的区别。我能做些什么吗? 最佳答案 您可以查看问题的答案csstransform,jaggededgesinchrome帮助了我来自接受的答案:Incaseanyone'ssearchingforthislateron,anicetricktogetridofthosejaggededgesonCSS

iphone - 如何消除 "two-stage rotation"警告?

我窗口的rootViewController是一个UINavigationController然后..在这个导航Controller的rootViewController中,我弹出一个模态视图(一个UITabBarController)像这样:UIWindow->UINavigationController-->MyFirstViewController[self.navigationControllerpresentModalViewController:tabControlleranimated:YES];然后调试器警告:当旋转多个ViewController或ViewContro

ios - 激活约束 : and deactivateConstraints: not persisting after rotation for constraints created in IB

新的NSLayoutConstraint方法activateConstraints:和deactivateConstraints:似乎无法与IB创建的约束一起正常工作(它们确实可以正常工作对于代码创建的约束)。我用一个按钮创建了一个简单的测试应用程序,该按钮具有两组约束。已安装的一组具有centerX和centerY约束,另一组未安装的具有顶部和左侧约束(常量10)。按钮方法切换这些约束集。这是代码,@interfaceViewController()@property(strong,nonatomic)IBOutletCollection(NSLayoutConstraint)NSA

iOS 6 : Parent modal's modalPresentationStyle ignored after rotation

对于iOS6的iPad,我们有一个错误,模态视图Controller将扩展到全屏,即使它被告知使用“表单”演示文稿样式。但是,只有当有两个模态,一个父模态和它的子模态时,才会发生这种情况。这就是第一个模态框的创建和呈现方式:UINavigationController*navigationController=[[[UINavigationControlleralloc]initWithRootViewController:controller]autorelease];navigationController.modalPresentationStyle=UIModalPresent

iOS 6 : How do I restrict some views to portrait and allow others to rotate?

我有一个iPhone应用程序,它使用UINavigationController来呈现一个向下钻取的界面:第一个View,然后是另一个View,最多四个层次。我希望前三个View仅限于纵向,只有最后一个View可以旋转为横向。当从第四个View返回到第三个和第四个View时,我希望所有内容都旋转回纵向。在iOS5中,我只是在我的每个ViewController中定义了shouldAutorotateToInterfaceOrientation:以针对允许的方向返回YES。一切都按上述方式工作,包括返回纵向,即使设备在从ViewController#4返回到#3时处于横向。在iOS6中,