草庐IT

translator

全部标签

html - 是一个css变换矩阵,相当于一个transform scale, skew, translate

css变换矩阵和变换缩放、倾斜、平移是否等价?根据thisanswercss变换矩阵值等同于旋转、倾斜和缩放函数,但是thispost让它看起来更复杂......矩阵(a,b,c,d,e,f)参数a和d用于缩放元素。与scale(a,d)方法相同。参数b和c用于倾斜元素。与skew(b,c)方法相同。参数e和f用于翻译元素。与translate(e,f)方法相同。变换矩阵真的有那么简单吗?所以下面的两个转换是相同的.scale-in{transform:scale(3,3)translate(200px,200px);}.scale-in-matrix{transform:matrix

html - 是一个css变换矩阵,相当于一个transform scale, skew, translate

css变换矩阵和变换缩放、倾斜、平移是否等价?根据thisanswercss变换矩阵值等同于旋转、倾斜和缩放函数,但是thispost让它看起来更复杂......矩阵(a,b,c,d,e,f)参数a和d用于缩放元素。与scale(a,d)方法相同。参数b和c用于倾斜元素。与skew(b,c)方法相同。参数e和f用于翻译元素。与translate(e,f)方法相同。变换矩阵真的有那么简单吗?所以下面的两个转换是相同的.scale-in{transform:scale(3,3)translate(200px,200px);}.scale-in-matrix{transform:matrix

html - CSS 变换 : translate not working on iPad

我制作了一个简单的正在build中的网站,它有一个图像和一些位于页面中间的文本,如下所示:HTML代码:UnderConstructionGlæddig,heråbnerkatteboxen.dkiforåret2015.Viglæderostilatforkæledinkatmedenspændendepakkehvermåned.CSS代码:body{margin:0;font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;font-weight:700;text-align:center;}#container{max-wid

html - CSS 变换 : translate not working on iPad

我制作了一个简单的正在build中的网站,它有一个图像和一些位于页面中间的文本,如下所示:HTML代码:UnderConstructionGlæddig,heråbnerkatteboxen.dkiforåret2015.Viglæderostilatforkæledinkatmedenspændendepakkehvermåned.CSS代码:body{margin:0;font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;font-weight:700;text-align:center;}#container{max-wid

html - webkit边框半径结合css3 translate3D出血

我在基于Webkit的浏览器上遇到一个问题,如果我向div添加边框半径,然后将-moz-translate3d应用于ul内部(这是因为在原始示例中我使用的是flexslider幻灯片),边界半径不适用并通过容器流血。为了清楚地理解我在说什么,这里有一个关于该问题的fiddle示例。如果我删除translate3d属性,将应用边框半径。HTML:TestTestTestTestCSS:.wrapper{border-radius:20px;position:relative;width:500px;height:200px;overflow:hidden;}.caption{positi

html - webkit边框半径结合css3 translate3D出血

我在基于Webkit的浏览器上遇到一个问题,如果我向div添加边框半径,然后将-moz-translate3d应用于ul内部(这是因为在原始示例中我使用的是flexslider幻灯片),边界半径不适用并通过容器流血。为了清楚地理解我在说什么,这里有一个关于该问题的fiddle示例。如果我删除translate3d属性,将应用边框半径。HTML:TestTestTestTestCSS:.wrapper{border-radius:20px;position:relative;width:500px;height:200px;overflow:hidden;}.caption{positi

html - 像素错误溢出 : hidden and transform: translate

我有一个带标题的框,它是position:absolute并用top:100%隐藏。标题的父级有overflow:hidden。当我将鼠标悬停在框上时,标题会向上滑动,因此完全可见。现在的问题是,在此转换期间,存在像素错误。这意味着过渡期间的标题比父框宽1个像素。转换后一切看起来都很好。它出现在Windows8.1的IE11和Mac10.11.2的Webkit浏览器中。您应该在thisfiddle中看到此效果.当您没有看到像素错误时,请尝试调整窗口大小。您还会在屏幕截图中看到错误。我已经尝试过:将标题设置为宽1个像素添加overflow-x:hidden添加translate3d

html - 像素错误溢出 : hidden and transform: translate

我有一个带标题的框,它是position:absolute并用top:100%隐藏。标题的父级有overflow:hidden。当我将鼠标悬停在框上时,标题会向上滑动,因此完全可见。现在的问题是,在此转换期间,存在像素错误。这意味着过渡期间的标题比父框宽1个像素。转换后一切看起来都很好。它出现在Windows8.1的IE11和Mac10.11.2的Webkit浏览器中。您应该在thisfiddle中看到此效果.当您没有看到像素错误时,请尝试调整窗口大小。您还会在屏幕截图中看到错误。我已经尝试过:将标题设置为宽1个像素添加overflow-x:hidden添加translate3d

php - 使用 Google Translate 在 PHP 中进行文字转语音

我正在尝试将单词转换为语音..到目前为止,我已经试过了:在我的html文件中:"type="audio/mp3"/>我在输出中创建了hello和音频播放器。但是没有播放文件,也没有在文件夹中创建文件? 最佳答案 您尝试访问的URL有问题。它被打破!你应该先尝试一下。我在FF控制台上找到的新URL是:http://translate.google.com/translate_tts?ie=UTF-8&q=Hello&tl=en&total=1&idx=0&textlen=5&prev=input对于单个词Hello。你看到你必须在te

php - 使用 Google Translate 在 PHP 中进行文字转语音

我正在尝试将单词转换为语音..到目前为止,我已经试过了:在我的html文件中:"type="audio/mp3"/>我在输出中创建了hello和音频播放器。但是没有播放文件,也没有在文件夹中创建文件? 最佳答案 您尝试访问的URL有问题。它被打破!你应该先尝试一下。我在FF控制台上找到的新URL是:http://translate.google.com/translate_tts?ie=UTF-8&q=Hello&tl=en&total=1&idx=0&textlen=5&prev=input对于单个词Hello。你看到你必须在te