webkit-transform

    0熱度

    1回答

    我有一個div,其中包含6個不同的webkit transromations應用的畫布,我想將這個div的內容「繪製」到一個畫布中(「截取這個div的截圖」)。但似乎會有點棘手,因爲無法將div直接繪製到畫布上,並且當我試圖將轉換後的畫布繪製到另一個時,不會應用webkit轉換。 是否可以使用畫布轉換(比例尺,平移等)正確繪製這些畫布?有什麼好的lib可以幫助你將3d轉換轉換成2d嗎? 在此先感謝

    0熱度

    1回答

    當我申請的WebKit將變更到DOM風格ATTR,例如: 變化來自: <div style="-webkit-transform: translateZ(0px) translateX(-9.609375%); "</div> 要: <div style="-webkit-transform: translateZ(0px) translateX(-10.609375%); "</div>

    2熱度

    2回答

    更新: 我設置一個小提琴,它似乎很好地工作 - 在第一個幻燈片包含一個谷歌地圖在部分 - 我不知道這其實是問題.. 。 我最近添加了一個-webkit轉換卡翻轉到我工作的HTML5應用程序。這具有造成水平移動的簡單轉盤顯示出一些奇怪行爲的不幸效果。 我的旋轉木馬的結構是這樣 <div id="wrapper"> <div id="sections"> <section id=

    3熱度

    1回答

    我使用-webkit-transform: translate3d(x,y,z)和立方beizer計時函數結合觸摸事件爲iPhone製作自定義scrollmethod類型的事物來動畫元素。 問題是,如果元素(在本例中爲頁面div)超過一定大小,則動畫口吃(元素停止半秒)。如果我的寬度爲320px,高度爲1000px,這一切都可以正常工作,但如果我將高度設置爲2000px,我會得到一個討厭的口吃。請

    7熱度

    3回答

    我目前在一個新項目上使用Twitter Bootstrap。該項目的主要部分是一個縮略圖庫,與他們在示例中所使用的完全相同(此處爲:http://twitter.github.com/bootstrap/components.html#thumbnails)。 問題是我目前正在根據他們的EXIF取向數據在需要時進行css轉換(旋轉,基本上)圖像。當我使用變換(現在使用-webkit-transfo

    3熱度

    1回答

    當一個CSS動畫被觸發,並且一個對象被定位爲除static(relative,absolute等)以外的任何東西時,對象中的文本突然變得非常在動畫期間很薄。然後它恢復到全寬度。 嘗試在Safari上運行此頁:http://pastehtml.com/view/bjgaloxjj.html(更新澄清) 注意,當#content DIV也不是絕對或相對定位的問題就會消失。這是用於iPad的Web應用程

    0熱度

    1回答

    網頁視圖內圖片 我想找翻轉/鏡使用具有CSS背景屬性在Android網頁視圖內用下面的分配給DOM圖像: -webkit -transform:translate3d(280px,135px,0)scale3d(-1,1,1); 現在,問題在於,似乎Android的Webkit實現不會偵聽附加到-webkit-transform屬性的scale()或scale3d()。有人說過,有沒有辦法讓圖像在

    5熱度

    2回答

    我將以下CSS轉換應用於HTML輸入框。 -webkit-transform: scale(.5); 當我鍵入文本輸入框,直到它填補了可視面積,光標延續了以往的輸入的邊緣和隱藏。通常插入符號和文本會在您輸入時滾動。 一旦插入符號已經進入預縮放輸入的寬度,文本最終會開始滾動。在計算何時滾動文本時,瀏覽器似乎忽略了縮放比例。 這只是WebKit瀏覽器的問題(使用Chrome和iPad進行測試)。

    0熱度

    3回答

    我想根據窗口大小縮放iframe。 來通過iframe是一個1600像素x 900px的html5遊戲 我已經使用下面的腳本來擴展遊戲,所以我知道可以做很多事情。雖然下面的代碼將遊戲渲染爲一個小方塊,但是在保持16:9縱橫比的同時,我是否可以通過任何方式縮放以適應窗口? <head> <style type="text/css"> .tab{ position:rela

    10熱度

    2回答

    我想檢索已應用CSS3轉換的div的大小。 -webkit-transform: scale3d(0.3, 0.3, 1); 所以,有效地,我已經使元素的30%的原始大小。但是,當我查詢元素的寬度/高度時,它會報告應用變換之前元素的大小。 據我所知,這實際上是正確的行爲,並且該元素實際上並未改變大小,但其內容確實如此。但是,我在這裏問的原因是,如果我右鍵單擊元素並從彈出菜單中選擇「檢查元素」(