Articles of animazione

SOLO CSS Animazione Disegna il cerchio con il raggio di bordo e lo sfondo trasparente

Sto provando a disegnare un cerchio con il raggio del bordo e ad animarlo. Posso farlo, ma ciò che non posso fare è sovrapporre gli elementi e impostare lo sfondo dei cerchi in modo trasparente, senza hide la maschera. Non sono in grado di renderlo trasparente sugli elementi perché è necessario applicare la maschera per […]

Come mettere in pausa e riprendere l’animazione CSS3 utilizzando JavaScript?

Ho provato a cercare su Google e da questo forum una soluzione per il mio problema, ma finora non ho avuto fortuna. Vorrei mettere in pausa la mia animazione CSS3 (slide show di immagini) facendo clic su un’immagine e anche riprendere la stessa animazione facendo clic su un’immagine. So come mettere in pausa la presentazione […]

jQuery usando append con effetti

Come posso usare .append() con effetti come show(‘slow’) Avere effetti su append non sembra funzionare affatto e dà lo stesso risultato del normale show() . Nessuna transizione, nessuna animazione. Come posso aggiungere un div a un altro e avere un slideDown o show(‘slow’) su di esso?

Come posso cambiare l’immagine di sfondo usando l’animazione jQuery?

Voglio cambiare l’immagine di sfondo usando l’animazione lenta, ma non funziona $(‘body’).stop().animate({background:’url(1.jpg)’},’slow’); C’è qualcosa di sbagliato nella syntax !!

Come animare il testo della scrittura a mano sulla pagina web usando SVG?

Sto cercando di animare un testo che ho creato e salvato come SVG. Finora sono stato in grado di animare solo il tratto, ma non è quello che sto cercando di ottenere. Ecco il link all’esempio di cui ho bisogno: [http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] Apprezzerò davvero se qualcuno può spiegare come posso implementarlo. Ecco cosa ho finora: […]

Come invertire un’animazione al passaggio del mouse dopo il passaggio del mouse

Quindi, è ansible avere l’animazione inversa al passaggio del mouse come: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } ma, quando si utilizza l’animazione @keyframes, non riuscivo a farlo funzionare, ad esempio: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } […]

Come posso animare più elementi in sequenza usando jQuery?

Ho pensato che sarebbe stato semplice ma non riesco ancora a farlo funzionare. Facendo clic su un pulsante, voglio che avvengano diverse animazioni – una dopo l’altra – ma ora tutte le animazioni stanno accadendo contemporaneamente. Ecco il mio codice: qualcuno può dirmi dove sto andando male ?: $(“.button”).click(function(){ $(“#header”).animate({top: “-50”}, “slow”) $(“#something”).animate({height: “hide”}, “slow”) […]

UIDatePicker si apre dopo aver premuto UIButton

Come posso creare un UIDatePicker pop-up (animato) dopo aver premuto un UIButton e poi richiuderlo una volta selezionata la data? Questo è su iPhone.

Durata di animazione riga UITableView e callback completamento

Esiste un modo per specificare la durata delle animazioni di riga di UITableView o per ottenere una richiamata al termine dell’animazione? Quello che mi piacerebbe fare è lampeggiare gli indicatori di scorrimento dopo che l’animazione è stata completata. Fare il flash prima di allora non fa nulla. Finora la soluzione che ho è di ritardare […]

Animazione nel notebook iPython

Sto cercando di mettere le animazioni in un notebook iPython e non trovo una soluzione. Ho visto un post che parlava di widget interattivi, ma ci sono un paio di problemi con questo: in primo luogo, ogni esempio che vedo con i widget utilizza un cursore o qualche altro input, mentre voglio solo che l’animazione […]