css-animations

2熱度

2回答

足夠簡單的問題：是否有可能利用CSS轉換時，它會不會是合適/可行的觸發通過僞選擇動畫（即:hover，:active等）？我的用例是我希望在表單提交後進行動畫處理。我想我將能夠做這樣的事情： .success_message { ...transition stuff + opacity: 0 } .success_message.shown { opacity: 1 } 然後使用Jav

0熱度

2回答

Webkit動畫

非常新的CSS webkit動畫，並且非常熱衷於學習它！而且也很無能爲力！所以這幾個問題：什麼是最好的演練/教程/官方網站的CSS webkit？我是否需要先安裝webkit，然後才能將它編程到我的CSS文件中？感謝和問候！帕裏賈特

19熱度

3回答

關於CSS3轉換和動畫高度自動的任何觀點？

CSS3過渡，轉換和動畫是美好的。他們現在更多的瀏覽器確實支持它們。仍然有一件事我一直在問自己：爲什麼不確定CSS3轉換和動畫應該處理高度的規格：auto？當我們使用CSS3靈活框模型和媒體查詢之類的東西擺脫固定佈局時，沒有任何意義。使用JavaScript只是爲了設置具有固定高度的CSS轉換沒有任何意義。現在我的問題是：請問W3C曾經指定高度：汽車應該支持CSS3過渡和動畫，或者我們可

-1熱度

1回答

動畫的div背景圖片

我有一個<div>： <div class="hide1" id="MDive"> <TABLE WIDTH="1000" BORDER=0 CELLPADDING=0 CELLSPACING=0> 在這種<div>我頁面的完整的身體。我也有兩類： <style> .hide1 { background: url(bgs/bg_first.png) no-re

7熱度

2回答

CSS3 3D彎曲透視

CSS3 3D轉換+動畫效果很好。我想知道是否有辦法讓事情變得彎曲。本示例翻轉（紙張）div，但動畫看起來很僵硬，因爲實際上，當您翻動紙張時，它會彎曲一點。因此，我忽視的任何屬性或可能使它看起來像它彎曲的組合？ div { width: 90%; height: 700px; position: fixed; left: 5%; top: 0;

0熱度

1回答

在多次迭代之間重複1次迭代後暫停CSS3動畫

爲了使用CSS3創建一個看起來不錯的下拉菜單，我使用動畫創建了一個樣式。我已經使用了動畫而不是轉換，以便能夠更好地控制放置的時間。我覺得這樣更美觀。但是，當使用動畫過渡時，會遇到問題，因爲逆向過程變得更難以生成動畫。我想知道是否有辦法在使用菜單的時候有效地暫停動畫，讓它在背面製作動畫，就像在轉換中一樣。這裏是什麼樣的CSS貌似現在的想法： @-webkit-keyframes s-menu-do

2熱度

1回答

分組CSS3關鍵幀

我已經意識到，我不能簡單地通過昏迷@keyframes mymove, @-moz-keyframes mymove, etc..分離完成相同的代碼。爲了讓他們工作，我需要分別聲明如下。有什麼辦法可以將它們分組並縮短這段代碼嗎？ @keyframes mymove { from {top:0px;} to {top:200px;} } @-moz-keyframes mymove /

0熱度

1回答

CSS動畫儘量避免生澀

我已經建立了一個ken的燒傷效果和一些如何設法使其平滑。問題在於，當用戶在觸摸屏設備上滾動屏幕時，動畫會跳動。我雖然通過暫停上滾動動畫可能會解決這一點，但實際上並沒有。動畫是好的，直到用戶滾動然後它變得生澀。我已經設置了一個小提琴。 http://jsfiddle.net/gxUhH/58/ 任何想法？

7熱度

2回答

webkit translate3d問題（偷看）

我正在用PhoneGap構建iOS應用程序。我正在使用translate3d CSS動畫來創建「翻轉」效果。這對於更簡單的元素很有效......一個DIV與前/後divs，也許一個額外的跨度或兩個。但是，當我試圖翻轉更大的元素，即整個屏幕，我得到重繪毛刺。當我交換css類開始轉換時，會發生什麼事情，「底部」div的某些部分彈出「頂部」div，然後發生翻轉，然後再次彈出。它並不是通過...顯示的