webkit-animation

    -1熱度

    1回答

    因此,我使用blink webkit框架使我網站上的內容以黃色/藍色閃爍。我在JS Bin中測試了代碼,它工作正常,但由於某種原因,它不再工作。 也許我不小心刪除了代碼中的某些東西? 這讓我瘋狂! body{ font-family: 'Jockey One', sans-serif; font-size: 225px; position: absolute;

    1熱度

    1回答

    我的目標是構建一個圖像滑塊,其中APPLE徽標動畫運行時,蘋果產品從下面俯衝。問題是這樣的,我添加了@keyframes動畫,使iPhone從右側(我們的右側)出現,然後離開,因爲它突然將屏幕放到左側。 但是當我添加MACBOOK,甚至沒有爲它添加任何動畫時,它就會與iPhone一起運行! 這裏的HTML和樣式: HTML: <html> <head> <title>Slid

    0熱度

    1回答

    我嘗試使用WebKit的動畫應用一個簡單的雨水影響,在iPad 2運行良好,沒有問題,但在新的Retina顯示屏的iPad它運行得非常慢: .rain{ width:100%;height:100%; background-image:url('rain.png'),url('rain3.png'),url('rain2.png'); -webkit-animation:rain 1.5s

    2熱度

    3回答

    我在Android 4.x瀏覽器/ webview中有一點運氣停止或暫停動畫。我已將-webkit-animation-iteration-count設置爲無限,並且在Chrome/Safari中停止它並沒有問題,但如果元素具有動畫子元素,則它在Android中失敗。 我的HTML: <div id="css-container" onclick="stopAnim();"> <div

    0熱度

    1回答

    我具有被稱爲.row一個CSS元件,其看起來如下: @-webkit-keyframes slideright { from { background-position: left; } to { background-position: right; } } .row { width: 200%; height: 100px; -webkit-animation

    0熱度

    1回答

    情況:我有一個項目的事件偵聽器。當我按下它時,它會調用一個將執行webkitAnimation的方法,並因此返回動畫的結尾。 問題:如果我點擊我的項目好幾次,WebKit的動畫的聽衆不會被重置,所以我得到很多的回調.. 我試圖用removeEventListener但它不工作.. 在此先感謝! var Test = (function() { function Test(listItem) {

    0熱度

    1回答

    這是我第一次發佈。我在過去的兩個小時裏搜索並發現了麻煩,但一直未能解決我的問題。我懷疑這是愚蠢和簡單的,但我找不到錯誤。 這是我的測試頁http://www.enviroprofit.com/sandbox.php的摘錄。屏幕右下角的rss供稿塊應該滾動瀏覽該塊內的標題。此操作在IE10和Firefox中正常運行。 我已經添加了-webkit-屬性到CSS,但他們似乎並沒有工作。 <style

    0熱度

    1回答

    fadeed時間我使用類似下面的一個div -webkit-動畫: #agFloor { background-image: url('http://blabla/something.jpg'); width: 375px; height: 364px; top:0; left:20px; -webkit-animation: Floor

    1熱度

    1回答

    Font Awesome包含類似fa-spin的元素的自旋動畫。對CSS的檢查表明,使用關鍵幀定義(又稱爲fa-spin)實現了一個旋轉元素。 而不是定義一個新的動畫,我想在懸停選擇器中使用這個現有的。 i.fa-gear:hover { -webkit-animation: fa-spin 2s infinite linear; } 但它根本不起作用。 下面是JSBin中的示例。

    2熱度

    1回答

    我正在爲移動網站製作css3加載動畫。 HTML: <div class="loader"></div> CSS: .loader { background-color: rgba(0,0,0,0); border: 6px solid rgba(0,0,0,0.75); opacity: 0.5; border-top: 6px solid rgba(