Articles of animation

Scorrere agevolmente a un elemento specifico nella pagina

Voglio avere 4 pulsanti / collegamenti all’inizio della pagina e sotto di essi il contenuto. Sui pulsanti inserisco questo codice: Scroll to element 1 Scroll to element 2 Scroll to element 3 Scroll to element 4 E sotto i collegamenti ci saranno contenuti: Element1 content…. Element2 content…. Element3 content…. Element4 content…. Funziona ora, ma non […]

Come avere più transizioni CSS su un elemento?

È una domanda piuttosto semplice, ma non riesco a trovare una documentazione molto buona sulle proprietà di transizione CSS. Ecco lo snippet CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: […]

Animazioni CSS con ritardo per ogni elemento figlio

Sto cercando di creare un effetto a cascata applicando un’animazione a ciascun elemento figlio. Mi stavo chiedendo se c’è un modo migliore per farlo rispetto a questo: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } .myClass img:nth-child(4){ […]

Come rendere l’animazione lineare più fluida?

Sto facendo una semplice animazione in Java e sto cercando di renderlo il più agevole ansible. Io uso solo *. Doppie classi interne di ogni object Shape e imposto l’antialiasing negli oggetti Graphics2D. Funziona tutto il tempo che utilizzo solo il metodo fill (), ma se uso anche il metodo draw () per disegnare linee […]

Come faccio a sapere con jQuery se un elemento è in animazione?

Sto cercando di spostare alcuni elementi nella pagina e durante il tempo in cui si verifica l’animazione, desidero avere “overflow: hidden” applicato a un elemnt e “overflow” di nuovo su “auto” una volta completata l’animazione. So che jQuery ha una funzione di utilità che determina se alcuni elementi sono animati ma non riesco a trovarli […]

Puoi controllare l’animazione GIF con Javascript?

È ansible utilizzare javascript per controllare quale fotogramma di un’immagine GIF sta mostrando e / o interrompere l’animazione. Voglio poter caricare una GIF con diversi frame e mostrare solo uno di essi. So che potrei farlo con un sacco di immagini separate, ma se posso fare quello che voglio con una GIF , sarà solo […]

Trasforma l’origine su SVG in Firefox

Sono nuovo nell’animare gli SVG e mi sono imbattuto in un problema che sembra accadere solo in Firefox. Ho creato un’animazione qui – http://codepen.io/iamali/pen/txvpo – di una scena di cielo. Il sole dovrebbe ruotare e sfumare dentro e fuori. Funziona bene in Chrome, ma per qualche motivo sembra ignorare il valore di origine della trasformazione […]

Java Animate JLabel

Quindi sto creando un’applicazione di base che voglio avere una JLabel nella parte inferiore dello schermo che inizia nell’angolo in basso a sinistra e si sposta, lo stile dell’animazione, nell’angolo in basso a destra in un tempo prestabilito, e un’immagine statica nel centro . Per fare questo, ho creato una JFrame con JPanel usando BorderLayout. […]

Controllo di fps con requestAnimationFrame?

Sembra che requestAnimationFrame sia il modo di fatto per animare le cose ora. Per me ha funzionato molto bene, ma in questo momento sto provando a realizzare alcune animazioni su canvas e mi stavo chiedendo: c’è un modo per assicurarci che funzioni ad un certo fps? Capisco che lo scopo di rAF è quello di […]

Come eseguire due animazioni jQuery contemporaneamente?

È ansible eseguire due animazioni su due elementi diversi contemporaneamente? Ho bisogno del contrario di questa domanda Jquery con le animazioni in coda . Devo fare qualcosa del genere … $(‘#first’).animate({ width: 200 }, 200); $(‘#second’).animate({ width: 600 }, 200); ma per eseguire questi due allo stesso tempo. L’unica cosa che potrei pensare sarebbe usare […]