css-animations

5calore

1risposta

Come rendere le animazioni CSS facili da riportare in posizione quando non si sposta più a lungo?

Nel mio esempio, sto usando "Bob" by Ian Lunn. Mi piace molto l'effetto Hover, ma non appena smetto di librarsi ritorna alla sua posizione originale. Come posso alleggerire il mio div in posizione nor

6calore

1risposta

Variabili e animazioni CSS

Stavo cercando di creare un'animazione CSS "multi-row" sprite (inclusa da questo: http://codepen.io/simurai/pen/vmhuJ), solo per scoprire che Firefox non supporta background-position-x o -y. La mancan

5calore

4risposta

CSS Animare il testo da sinistra a destra in un contenitore div con overflow nascosto

Così ho recentemente lavorato su un progetto privato, e siccome sono un grande fan dei CSS, voglio fare la maggior parte delle animazioni in CSS piuttosto che in JavaScript. Oggi ho voluto creare qual

6calore

1risposta

Creazione di un'animazione ad onda

Sto provando a realizzare l'animazione delle onde audio. Cosa c'è di sbagliato con questo codice? Ho provato a cambiare tradurre in scala ma non ha funzionato. Qualcuno potrebbe darmi un link ad alcun

7calore

1risposta

Come far scorrere continuamente l'immagine di sfondo in orizzontale senza interrompere l'animazione?

Sto provando a creare un banner che scorre di lato infinitamente con l'animazione css3. Il problema è che dopo che l'animazione è finita ha un taglio brusco quando si riavvia. Sto cercando di capire c

10calore

3risposta

CSS linea orizzontale animazione (colori sfumati)

ho colorato, animato, linea verticale come questo: @keyframes colored { 0% { background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 2

6calore

1risposta

Riusa l'animazione CSS in direzione inversa (reimpostando lo stato?)

Ho usato due animazioni di fotogrammi chiave in CSS. Uno si muove da sinistra a destra e l'altro usa esattamente gli stessi valori - ma invertito. @keyframes moveLeft { from {transform: translat

5calore

2risposta

Dove va il mio <circle>?

Sto cercando di creare una semplice animazione a impulsi su un elemento svg circle. Sto usando un'animazione transform: scale(..,..) ma per qualche motivo sta spostando l'intero cerchio all'interno de

5calore

1risposta

aggiungendo animazione all'involucro flessibile

quando si tratta di un punto di avvolgimento come possiamo aggiungere animazione? forse questo può aiutare: abbiamo un colpo di testa e dentro di tale intestazione abbiamo contenitore con flex attr e

7calore

2risposta

Riavvio dei fotogrammi chiave al clic

Ho delle bolle che si muovono con i fotogrammi chiave, ma sono pulsanti che anch'io voglio scomparire quando si fa clic e si riavvia automaticamente allo 0%. Ho chiamato onmousedown e onmouseup per fa