css-animations

    1熱度

    1回答

    CSS動畫：後第一

    我學習CSS動畫和我有一個問題加載第二個關鍵幀。 這是我的例子： http://jsfiddle.net/MBJbB/ 注：在WebKit瀏覽器才能正常工作。 我有2個關鍵幀。我設置「第一」重複3次。 運行3次的「第一」關鍵幀後，我想叫「老二」無限次。
    css animation css3 keyframe css-animations 2011-10-11

    7熱度

    4回答

    與背景漸變

    CSS轉換我正在學習有關使用CSS3動畫/轉換，但在此代碼轉換不...的工作，爲什麼？ HTML： <div id="test"> </div> CSS： #test { background-color: #333; background-image: -webkit-linear-gradient(top, #333, #666); width: 100px
    css animation css3 css-transitions css-animations 2011-10-17

    2熱度

    1回答

    關於懸停的Webkit關鍵幀 - 防止以前的動畫

    我有一個元素，我有一套@ -webkit-keyframes來進行動畫處理。在頁面加載時，這些關鍵幀運行，並且介紹看起來很棒。 接下來，我有第二組關於懸停的@ -webkit-keyframes並設置爲重複，所以在懸停時，該元素具有循環動畫。這也很好。 但是，當我將鼠標從元素上移開時，第一個（前奏）關鍵幀集再次運行。第一次運行後我不希望它運行。有沒有簡單的方法來防止在CSS中這個？ 的我有什麼 #
    html css3 webkit css-animations webkit-animation 2011-10-19

    16熱度

    1回答

    CSS動畫：適用於Chrome，但不適用於Firefox？

    在旋轉動畫中，適用於Chrome，但不適用於Firefox。爲什麼？ @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit
    html css css3 css-animations 2011-10-21

    13熱度

    4回答

    CSS3動畫和性能：有沒有任何基準？

    每當我訪問CSS3動畫的頁面時，我的筆記本都變得嘈雜（給我一個信號，表明它在那裏做了一些繁重的工作）。如果至少生成的動畫足夠光滑，我不會在乎自己。但他們不是。我的2.4 GHz Core 2 Duo具有8GB內存和專用NVIDIA GeForce 320M（不多，但應該足夠用於某些css，不是？），因此在某些情況下會出現亂七八糟的閃爍現象有奇怪的文物...「動畫」，這往往更糟糕，那麼它的JS等效.
    css performance css3 css-animations 2011-10-23

    22熱度

    11回答

    使用CSS3動畫更改背景圖片

    爲什麼這不起作用？我究竟做錯了什麼？ CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-i
    css css3 background-image css-animations 2011-09-06

    2熱度

    1回答

    CSS3動畫在AddClass不是頁面加載

    我希望我的關鍵幀動畫，當我彈出窗口的.show類通過JS添加時，激活。但是，僅在頁面加載時激活動畫。 這裏是我有的JS代碼。 <script type="text/javascript"> $(document).ready(function() { $("#showSimpleModal").click(function() { $("div#simpleModal").
    jquery css3 addclass css-animations 2011-09-08

    5熱度

    2回答

    用於CSS轉換和CSS動畫的用例

    據我所知，我們不能使用css轉換來實現這樣的事情，但我們不能實現使用css動畫，反之亦然。 也就是說，任何轉換都有一個等效的css動畫。 例如，這一個 .ablock:hover { position: relative; -moz-transition-property: background-color, color;
    css css-transitions css-animations 2011-08-09

    33熱度

    3回答

    CSS3 - DOM刪除過渡

    使用keyframes，可以在元素插入到DOM後立即對其進行動畫製作。下面是一些示例CSS： @-moz-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} } @k
    css dom css3 keyframe css-animations 2011-08-09

    4熱度

    2回答

    -moz-animation爲什麼不起作用？

    以下CSS在Webkit中正常工作。沒有在Opera中檢查過它，但我知道它不適用於Firefox。有人可以告訴我爲什麼嗎？ 正確的類肯定會應用到我的HTML（使用Firebug檢查它，並且我確實在.arrow上看到-moz-animation: 500ms ease 0s normal forwards 1 arrowRotateDot屬性）。 這也不適用於IE9，雖然我原本有-ms-animat
    css css3 css-transforms css-animations 2011-09-30
最新問題