css-animations

10calore

1risposta

La rimozione di un elemento fa sì che React rimuova l'ultimo nodo DOM invece di quello associato a quell'elemento

Stavo cercando di animare l'inserimento e la rimozione dell'elenco con ReactCSSTransitionGroup, ma l'animazione di rimozione anima sempre solo l'ultimo elemento dell'elenco invece del uno che viene ri

6calore

2risposta

Chrome decodifica un'immagine grande ogni fotogramma

Sto provando a fare una mappa interattiva, dove sto usando due immagini molto grandi (3200x800 e 4096x1024 pixel). Il problema è che Chrome decodifica l'immagine con nuvole ogni fotogramma ... quindi

7calore

2risposta

Funzione di animazione CSS3 per una rivoluzione 3D uniforme?

Ho questo pen che tenta di emulare un oggetto che ruota intorno a qualcosa. Funziona, ma non è liscio. Durante la rotazione, si ferma intorno ai bordi sinistro e destro. ho pensato che avesse qualcosa

8calore

2risposta

Ruota un elemento sull'asse Y

Ho impostato una semplice animazione del fotogramma chiave per ruotare un elemento sull'asse Y ma è instabile, mi manca una proprietà? .circle { height: 50px; width: 50px; border-

9calore

2risposta

Come animare un div con CSS3

Ho seguente codice: $('.div-1').on('click', function() { $('.block').addClass('animated'); }); $('.div-2').on('click', function() { $('.block2').addClass('animated'); }); html,

8calore

1risposta

Expand larghezza del cerchio

Sono abbastanza nuovo per le animazioni CSS3 per mi piacerebbe sapere come fare la seguente: Ho un circe: al passaggio del mouse, ho 'd come per ampliare la larghezza del cerchio farne una forma pillo

6calore

2risposta

Metodo CSS puro per l'esecuzione di un'animazione tramite clic

Sto cercando di ricreare l'effetto ripple del material design in puro CSS e ho preparato l'animazione. Il problema è che non riesco a far funzionare l'animazione fino in fondo quando si fa clic sull'e

6calore

2risposta

CSS animazione infinita dopo nascosto non viene reimpostato (Chrome)

Qui ho un esempio di animazione CSS keyframe (si può vedere il tutto su this Demo) Il codice ogni 1,4 secondi scalare l'IMG a 0,75 e andare torna alla sua scala originale (1). Funziona bene poi aggiun

5calore

2risposta

CSS3 margini animati

Cercando di animare nei margini CSS3. Quale this site sembra dire che puoi, ma non funziona per me. Ecco un jsFiddle: http://jsfiddle.net/ybh0thp9/3/ (Fare clic su una sezione per visualizzare l'anima

5calore

1risposta

CSS3 animazioni di sfondo non funziona su firefox

Ciao ho questo esempio, è un lavoro bene Chrome e Opera, ma non funziona in Firefox check on fiddle body { width: 100%; height: 100%; background: url('http://www.picz.ge/img/s2/1505/17/