css-transforms

    0热度

    3回答

    所以我正在寻找一个Web浏览器的特定应用程序,它要求我将颜色表示为一个带有黑白Alpha通道的直通alpha通道作为单独的元素。 (一example of both types 我知道很久以前,IE支持的一些不正当的过滤选项,但因为我在做CSS3转换,我需要这在现代浏览器,最好Chrome浏览器。 基本上我” d喜欢做的是有一个CSS变换应用的元素,特别是旋转最有可能的,那么我想把它复制到另一个等

    37热度

    3回答

    当前的CSS3是否可以沿弧线或曲线翻译对象(特别是DIV)?这是一张图片来帮助说明。

    0热度

    2回答

    我正在使用它来旋转div onclick事件。 function ghum(){ document.getElementById("earth").className += " rotate"; } 这逆时针方向旋转 function revghum(){ document.getElementById("earth").className += " revrotate"; } ,但它只能一次。还

    5热度

    2回答

    我将以下CSS转换应用于HTML输入框。 -webkit-transform: scale(.5); 当我键入文本输入框,直到它填补了可视面积,光标延续了以往的输入的边缘和隐藏。通常插入符号和文本会在您输入时滚动。 一旦插入符号已经进入预缩放输入的宽度,文本最终会开始滚动。在计算何时滚动文本时,浏览器似乎忽略了缩放比例。 这只是WebKit浏览器的问题(使用Chrome和iPad进行测试)。

    0热度

    1回答

    我有一个包含3D转换元素的元素。在webkit中,直到我将鼠标移到或移出父元素时,父元素的内容才会被正确重绘。

    2热度

    1回答

    我想创建一个应用程序,该应用程序由透视图中的地图组成,然后我可以添加地图标记(绝对定位DIV),但是我认为我陷入了一些与转换/ 3D空间混乱的问题。我认为DIV 1位于位置0,0(当放平时 - 点击按钮时),但是在直立位置左边有一个小的余量(这似乎是由视角值控制,所以我猜我需要补偿这个不知何故?)。 等于Div2似乎在画布的极端位置处于正确的位置,但是如果我将顶部/左侧值更改为100,100,它将

    2热度

    1回答

    因此,我试图扭曲静态Google地图的结果,因此看起来您正在往下看。无论如何,我已经得到了它的工作使用CSS3转换: <html><head> <style> .container { margin-left: 200px; -webkit-perspective: 600; -moz-perspective: 600; -ms-perspecti

    2热度

    2回答

    在Webkit中,将3D CSS转换设置为无限重复,即使通过样式(CSS)将它或父元素从视图中隐藏起来时也会继续? 我问的原因是我在一个正在开发的页面上看到意外的CPU占用率过高。 如果有人知道诊断此问题的好方法(例如,可视化CPU周期在页面上的位置,而不是每个标签的CPU使用率),我将非常感激。 轶事证据(去除隐藏的CSS动画)会暗示动画做在后台运行。有谁知道如何防止这种情况?

    1热度

    1回答

    这是我的代码:http://jsfiddle.net/bnookala/b2Yz8/3/这是结果:http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/ 行为是非常简单的:,三维变换发生和蓝色DIV点击红色的div后是可见的。试图扭转这种行为(通过删除flip类)不起作用。第二个jQuery.bind没有收到click事件 - 它被红色的div捕

    2热度

    3回答

    目前我使用下面的代码以相同的速度x和y翻译: -webkit-transition:all 180ms ease-out; 我想比Y.慢是否可以指定类似X轴翻译: -webkit-transition:translateX 180ms ease-out; -webkit-transition:translateY 50ms ease-out; 在此先感谢!