-webkit-transform 不支持的屬性
[英]-webkit-transform unsupported property
我正在嘗試將變換（縮放 + 平移）應用於 css 中的 div： 雖然這在 chrome 中有效，但在 safari 中無效。檢查元素，您看到-webkit-transform和transform應該適用，但我看到警告。 警告顯示“不受支持的屬性值”。 我試過百分比和小數，用一個和兩個值縮放，翻譯 ...
如何在CSS中將hr線旋轉90度並在其前面放置文本？
[英]How to rotate a hr lines for 90 degrees in CSS and put a text in front of it?
我有以下CSS結構，有點復雜。 完整的代碼位於此JSFiddle中，而我在最后需要思考的問題上苦苦掙扎。 在水平線（與圓圈對齊）之間，我需要將其他線旋轉90度，並在其前面添加一些文本。 它應該看起來像這張圖片 ，其中我用紅色添加了缺少的元素。 我已經嘗試通過上面的鏈接來實現類似這 ...
如何反轉這個圓形動畫？
[英]how to reverse this circle animation?
我在網上找到了此代碼段，並嘗試對其進行反轉，以使圓從0％處的全白變為100％漸變圓，然后停止動畫。 但是我似乎無法弄清楚反轉部分。 我嘗試擺弄這些值，但似乎無法達到預期的效果。 消除梯度部分不顯示后仍然存在的小輪廓也是很好的。 干杯 #circle-loader-wrap ...
在 Safari 中滾動時元素消失 - -webkit-transform 修復僅在第一次有效
[英]Elements disappear when scrolling in Safari - -webkit-transform fix only works the first time
這只發生在 iPhone 大小的 Safari 中。 我知道這個問題的“通常修復”是應用 -webkit-transform: translate3d(0,0,0); （根據 Serge 在此處的回答）這確實解決了問題，但只有一次。 當用戶單擊菜單按鈕時打開的“抽屜”菜單會出現此問題。 菜單會正 ...
為什么`style.webKitTransition`和`style.webkitTransform`在Chrome中不再起作用？
[英]Why doesn't `style.webKitTransition` and `style.webkitTransform` work anymore in Chrome?
這些行： 100％的工作時間不超過一年。 我拉下了非常陳舊的倉庫，向其中添加了另一個功能，但是當我查看該頁面時，比例尺不再起作用。 我將HEAD更改為正確，我HEAD它可以正常工作，但是scale仍然不起作用。 在運行時檢查元素，這就是我看到的 但是在視覺上， TEST ...
難倒，Div 會隨處旋轉，但不會在我的主頁內
[英]Stumped, Div will rotate everywhere but not within my home page
前兩個鏈接顯示了一個工作旋轉圖標，但我希望它工作的第三個鏈接無法正常工作...... https://jsfiddle.net/752tfqyu/17/ 我創建的 JSfiddle 有效。 當我獲取 JSfiddle 中的所有內容並在服務器上對其進行測試時：它不起作用： http ://cdu ...
將變換值添加到元素上已有的當前變換？
[英]Add a transform value to the current transforms that are already on the element?
假設我有一個動態添加了translateX和translateY值的div 。 我想將rotateY(20deg)添加到當前變換，但通過element.style.webkitTransform = "rotateX(20deg)"應用它會丟失其他值。 有沒有辦法在不丟失translateX和tr ...
在Safari中應用-webkit-transform后無法在div內滾動
[英]Can't scroll inside a div after applying -webkit-transform in Safari
我正在構建幻燈片菜單。 菜單很長，我需要能夠在里面滾動，所以我設置了overflow-y：滾動它。 我使用-webkit-transform（以及其他瀏覽器上的變體）作為過渡屬性。 現在我無法在div內滾動，在div頂部使用滾輪將使整個頁面滾動。 如果我更改菜單的行為並轉 ...
IE10沒有Webkit無法正常工作
[英]IE10 No Webkit not working
我真的可以使用一些幫助。 在這個網站http://medicalaid.org上，我一直在嘗試解決另一個開發人員離開后的問題。 我遇到的最后一個問題是，我無法將一半的Webkit動畫加載到IE10中，所有其他瀏覽器都可以正常工作，並且幾乎所有內容div都具有它們。 我試過重寫CSS例如： ...
Mobile Safari沒有顯示CSS變換rotateX和rotateY只旋轉Z
[英]Mobile Safari not showing CSS transform rotateX and rotateY only rotateZ
這很奇怪。 我正在玩設備方向，但似乎無法使用rotateX和rotateY在Safari（iOS 8.0.2）中工作。 但！ 如果我使用支持apple-web-app的元標記將其保存到我的主屏幕，它可以正常工作。 這是我的腳本： 你可以在這里看到它（在你的iPhone上） ...
JavaScript中絕對旋轉元素的高度和周圍的矩形
[英]Surrounding rectangle with and height of absolute rotated elements in Javascript
我有一些具有絕對位置的DIV元素（也可以是圖像），並使用CSS進行了旋轉和縮放。 如何計算元素占用的總寬度和高度（周圍的矩形）。 檢查position()的offset()並不能得出正確的結果。 如果可能，我需要使用Javascript / Jquery或Math的解決方案，以便 ...
在水平滾動上旋轉圖像
[英]rotate image on horizontal scroll
我正在使用此代碼讓圖像在滾動狀態下旋轉，並且效果很好： 我使用.scrollLeft而不是.scrollTop，因為我的網站是水平滾動的。 我從以下代碼獲得此代碼： http : //demosthenes.info/blog/718/Rotating-Elements-With-Pa ...
無法從WebKitCSSMatrix獲得價值
[英]Failing to get value from WebKitCSSMatrix
我需要獲取div的translate3d屬性的x和y值，因為我使用下面的代碼： 當我在Chrome的檢查器中使用breackpoint來查看值是否正確時，它工作正常。 如果我在代碼中輸入了alert（），則可以正常工作，但是如果代碼中沒有這兩個“止損”，則verticalOffset和 ...
Android 4.x HTML按比例縮小包含iFrame的div會導致iFrame內容被截斷
[英]Android 4.x HTML Scaling down div containing an iFrame causes iFrame content to appear truncated
我有一個包含iFrame的div網頁。 我已經應用了webkit-transform來將div縮小： 在桌面瀏覽器以及iOS上，此方法都可以正常運行，但是在Android 4.0.x上，iFrame的內容似乎被截斷了。 截斷的數量與發生的縮放比例成正比，即，如果將div縮小到0.5，則只能 ...
懸停時放大圖像-CSS3 Internet Explorer
[英]larger image on hover - CSS3 Internet Explorer
有誰知道如何得到這個 在Internet Explorer中工作？ 已經使用規范化CSS！ 謝謝！ ...
檢索webkit-transform的特定值（標度）以創建條件規則
[英]retrieve a specific Value (scale) of webkit-transform to create a conditional rule
我的html代碼中有以下格式的div： scale的最后一個值從1到2，這是我對div上的滾動所做的縮放。 在比例超過1.5的情況下，我需要用Javascript創建一個條件規則，但是我該怎么做呢？ 其他值可能會更改，因此我無法重寫整個字符串... 就像是： ...
如何讓CSS / JavaScript彈出窗口過渡？
[英]How to have CSS/JavaScript pop-up to transition in?
我試圖弄清楚如何使用CSS和少量JavaScript制作div彈出窗口。 我已經能夠單擊一個鏈接，彈出一個框，當它向上時，它周圍的屏幕是灰色的，如果您單擊灰色，則該彈出窗口消失了。 但是，我不能讓它淡入淡出，而不僅僅是立即出現。 這是我的代碼： 重要的部分是： 從JavaSc ...
旋轉文字效果不佳
[英]Rotated Text doesn't render well
我正在嘗試使用旋轉顯示html中的文本以將其顯示為45度（或足夠接近） 不幸的是，它看起來一點也不好。 有誰知道一種解決此問題的方法，或者某個字體在45度時比其他字體呈現更好的字體？ 以下示例http://jsfiddle.net/stevewill61/3WpfP/ jsf ...
獲取變換的寬度：縮放元素
[英]get width of transformed: scaled element
我有2個元素。 一個在CSS中按比例縮小 另一個由jQuery的內聯縮放 在縮小它們之后，我需要獲取secondElement和firstElement的寬度和高度（以像素為單位）。 我嘗試了一切，我真的不確定為什么我不能得到這個。 有人有想法么？ 謝謝 ...