草庐IT

webkit-transition-duration

全部标签

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

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

html - 使用 Transition/CSS3 滚动到 anchor

我有一系列使用anchor机制的链接:Section1Section2... Lotsoftext lotsoftext...我正在使用以下CSS:.test{position:relative;margin:0;padding:0;float:left;display:inline-block;margin-top:-100px;/*whateveroffsetthisneedstobe*/}它工作正常。但当然,当我们点击链接时,它会从一个部分跳到下一个部分。所以我想有一个平滑的过渡,使用某种滚动到选定的开始部分。我想我在Stackoverflow上读到这对于CS

html - 摆脱-webkit-padding-start : 40px

我正在为map添加菜单。菜单工作正常,除了我注意到无论菜单应用什么CSS,左边总是有一个填充。填充似乎起源于(-webkit-padding-start:40px;)并且它不想消失。我试图用0!important;覆盖它,但没有做任何事情。谷歌搜索后发现:-webkit-padding-start:40px;WhatitshouldbeforIEandFirefox?但是找不到关于如何覆盖或使它消失的任何其他内容。我需要在菜单中一直向左放置元素。附件是截图,绿色区域是我说的,在样式下你可以看到-webkit-padding-start:40px; 最佳答案

html - 什么是 -webkit-transform : translate3d(0, 0,0);到底做什么?适用于 body ?

-webkit-transform:translate3d(0,0,0);究竟是做什么的?它有任何性能问题吗?我应该只将它应用于body或个别元素吗?它似乎大大改善了滚动事件。谢谢你的教训! 最佳答案 -webkit-transform:translate3d(0,0,0);让一些设备运行它们的硬件加速。找到一本好书HereNativeapplicationscanaccessthedevice’sgraphicalprocessingunit(GPU)tomakepixelsfly.Webapplications,ontheoth

html - -webkit-overflow-scrolling 是否适合生产使用?

我一直在使用-webkit-overflow-scrolling在iOS上平滑滚动叠加导航菜单,但是,我一直在与一个错误作斗争(我似乎无法找到回答任何地方)。查看MDN站点上的属性:Thisfeatureisnon-standardandisnotonastandardstrack.DonotuseitonproductionsitesfacingtheWeb:itwillnotworkforeveryuser....https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling如果它“不在标准轨道

ios - Chrome iOS webkit 语音识别

我正在尝试在iPad上的Chrome上实现语音识别,但没有成功。切入正题,删除对我的webkitSpeechRecognitionapi实现的任何依赖,GlennShire的excellentsamplecode不会在运行iOS5.1.1的iPad1上的Chromev27或运行iOS7.0.4的iPad3上的Chromev31上运行,至少据我所知。它在这一行失败:if(!('webkitSpeechRecognition'inwindow)){r.onState('upgrade');return;}我想不出解决方法,也没有看到任何关于语音识别在iOS版本的Chrome中不起作用的在线

ios - CocoaPods "target has transitive dependencies that include static binaries"

我正在尝试将我在GitHub上找到的Swift框架连同GoogleMaps、GooglePlaces安装到我的Xcode项目中,但出于某种原因,当我尝试安装pod文件时出现以下错误[!]The'Pods-project1'targethastransitivedependenciesthatincludestaticbinaries:(/Users/user1/Desktop/project1/Pods/GoogleMaps/Base/Frameworks/GoogleMapsBase.framework,/Users/user1/Desktop/project1/Pods/Googl

ios - -webkit-溢出-滚动 : touch breaks my -webkit-scrollbar css in iOS

此代码非常适合样式化滚动条:.frame::-webkit-scrollbar{-webkit-appearance:none;background-color:#000;}.frame::-webkit-scrollbar:horizontal{height:6px;}.frame::-webkit-scrollbar-thumb{background-color:#000;}.frame::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:#333;}但每次我想

ios - Retina iPad 上 iOS 7 中的 WebKit 中的框阴影传播错误

我发现似乎是iOS7的WebKit中的错误,但仅在iPad3和4上存在,这让我相信它在某种程度上与硬件相关。错误:如果我将传播值(第四个值)添加到CSS框阴影,整个阴影就会消失。我举了一个例子here.其他人能否在装有iOS7的iPad3和4上确认此错误? 最佳答案 在IOS7.0.4中仍然是一个问题。添加一个一像素的边框半径以强制浏览器在横向模式和缩放时渲染阴影。border-radius:1px; 关于ios-RetinaiPad上iOS7中的WebKit中的框阴影传播错误,我们在S

iOS AVAsset.duration 对于 HTTP 实时流媒体为零,但适用于渐进式

我有一个iOS应用程序可以播放来自HTTP实时流“playlist.m3u8”的视频,并且我有一个使用AVPlayer创建的自定义播放器。为了处理正常的用户交互,例如擦洗,我需要获取视频的持续时间,但出于某种原因,在iOS4.3上使用xcode4.0时,当我调用以下代码时,我得到一个CMTime,当转换为秒时给出一个NaN——我知道它在做什么,因为CMTimeValue=0和CMTimeScale=0给出了NaN和CMTimeFlags=17,这更奇怪。这是我使用的代码,一点也不复杂:AVPlayerItem*pItem=mPlayer.currentItem;AVAsset*asse