Most voted "animation" questions
Animation is the rapid display of a sequence of visual effects in order to create an illusion of movement or change.
Learn more…165 questions
Sort by count of
-
2
votes1
answer733
viewsHow to "delete" an image from the screen
In this code I would like to delete the image I put before and not one on top of the other. Graphics g = getGraphics(); Graphics bbg = backBuffer.getGraphics(); bbg.drawImage(fundo.getImage(), 0, 0,…
-
2
votes2
answers880
viewsHow to put animation "wait" on Android?
I wonder how I put an animation of "Wait" while doing a heavy task on Android. In case, when the user type the zip code I want to run an animation asking to wait while I make the request. private…
-
2
votes0
answers60
viewsHow to animate Transform-Scale and then animate Transform-translateX using Transition?
I would like to animate the Scale and then animate the translateX using Transition, is that possible? or I must use Animation and keyframe? I’d like to do something like this: .anima{ transition:…
-
2
votes1
answer98
viewsDoubt about the property "Animation-name"
I am studying all properties of CSS3 and came to me a doubt about the property Animation-name. The value that is given to this property is either customizable or is a language default value? Doubt…
-
2
votes2
answers2726
viewsRun Function only when div appears
Hello guys I have an accountant and I wanted it to start when the div #time starts to appear on the screen <script type="text/javascript"> $(document).ready(function (){…
-
2
votes1
answer86
viewsHow to create a 2d animation like a video, vignette or cutscene
Hello, I would like to know how to best create a complex animation in HTML5 / Javascript. By complex animation I mean non-cyclic animation as usually shown in tutorials. I need to create an…
-
2
votes3
answers159
viewsDoubt how to capture the character’s animation in Unity
I’m trying to make a command that activates an animation when I press 2 keys of Keyboard and when I stop pressing one of them, this animation stops. For example I chose the "w" + "leftShift" key,…
-
2
votes2
answers333
viewsHow do I get a "spin" in CSS using the border of a div?
The animation that I want is basically when I give Hover in the fingerprint div the border is in loading for 3 seconds (an animation of type progressbar, starting from 0 and reaching the end of the…
-
2
votes1
answer33
viewsWhy is this little green ball able to rewind, in animation, using this conditional?
I have a javascript code that makes an animation of a green ball that moves until it reaches the limit of the width of the window, causing the ball to return, do the opposite, until it reaches the…
-
2
votes1
answer122
viewsHTML5/CSS3 slides - Background does not change
Guys need help with CSS3. I’m using keyframes/Animation to change the image of several article classes, where I’m using CSS to change the background in the following percentages 0, 30, 35, 65, 70,…
-
2
votes1
answer95
viewsIncomplete SVG only in Chrome
I’m doing animations with SVG, using CSS. In Firefox works perfectly with Stroke + Fill gradient, in Edge it just ignores the gradient and in Chromefica everything right, however, it does not…
-
2
votes1
answer144
viewsHow to reverse Rotate with javascript?
I’m trying to make an animation with pure javascript, and I’m using style.transform = "rotate(" + ang + "deg)"; to do this. My intention is: when it reaches an x position, it goes back…
-
2
votes1
answer293
viewsHow to create image animation by rotating, with decreasing speed, until it stops
I have this animation below in which an Imagemview rotates on its axis for 4 seconds. It rotates even with the same speed the 4 seconds. <?xml version="1.0" encoding="utf-8"?> <set…
-
2
votes1
answer35
viewsText animation coming from behind an image
Hello, I made an animation of a text coming out from behind an image, but I can only use the Transform: Scale() and this is not what I really want, what I wish is that the text appears gradually and…
-
1
votes1
answer1338
viewsAnimation library c#
In c# there is some kind of jquery-like library in the sense of making animations effects with form elements like making a text move from one side to the other and etc?
-
1
votes1
answer1240
viewsHow to loop in a time interval of an animation in Jquery?
I have a Guitar Hero-style animation and I’d like to repeat the green note animation by falling in a defined time interval, but I’m not getting it... http://jsfiddle.net/3Qs7D/1/…
-
1
votes1
answer386
viewsHow to limit to 1 the keydown event in Jquery?
I made a code that when starting my event, it makes a block make a move from the top down. If it keystrokes the "3" key between the pixels set during the animation, it causes the animation to be…
-
1
votes1
answer149
viewsHow I apply slideDown() together with load()
I have a page, where it displays dynamic content using the load(). How to apply the effect slideDown() when document is displayed on page? My code is like this: index php. <div…
-
1
votes2
answers146
viewsMove element over element where cursor is
I have this code: I wanted '#hoverLayer' to move (Animate) to one of '#bts' ('#bt1','#bt2','#bt3','#bt4'), depending on where the cursor is. Any idea? html: <div id="bts"> <div…
-
1
votes1
answer168
viewsDivision of a line into a number of segments
I need to divide a line into several segments, and all segments need to be formed by whole numbers. But sometimes the division of distância / segmentos results in a truncated number that does not…
-
1
votes0
answers94
viewsNightmare (Unity) animation error
I followed all the steps, I use the new version of Unity, when I run the game, the animation of walking n works it keeps going without the animation, when you spend a few seconds the animation…
-
1
votes1
answer176
viewsAndroid - Animation, hiding and displaying a menu
I’m having a problem creating an animation. I have a button in the action bar that when clicking on it, either displays or hides a menu bar. So far it is displaying or hiding using GONE and VISIBLE.…
-
1
votes1
answer236
viewsSlide effect on a panel without that lag
My question is the following: How do I remove that lag that causes when a Panel/Button (etc) is updated by the method Controle.Update()? That’s why I use it to make the slide effect, but this effect…
-
1
votes0
answers98
viewsFloating Action Button in Player - Play Animation for Stop
In my radio app there will be a FloatingActionButton to play. What I would very much like to implement in this Button the animation of the play icon transforming into the stop icon, more or less as…
-
1
votes1
answer103
viewsHow to make animation changing videos with mouse click
I’m having a doubt, I don’t even know how to research what I want. The idea would be to click on the image of Video 1 and Video and Title changed without leaving the page, so pro 2 and 3. I took a…
-
1
votes0
answers281
viewsJavascript animations and scrolling effects
In recent times it has been common to find animated websites based on page scrolling. But, unlike the result of a WOW.js of life for example, if you scroll, let the effect run, scroll to another…
-
1
votes0
answers124
views -
1
votes2
answers1019
viewsRepeat animation in css
Good afternoon. I have a little problem with css Animation. I am using 3 different keyframes to make an animation, however when I finish these 3 keyframes I would like to repeat them in exactly the…
-
1
votes1
answer86
viewsSync CSS Animation - Two Objects in a Row
Look at this image above. I’m trying to get these two objects to start from the right and go to the left until they disappear from the screen. I want one to stay behind the other, without knocking,…
-
1
votes1
answer246
viewsAnimate circular form Activity
I would like to make a transition effect by calling an Activity. When the image, in this case a circular, is pressed Activity grows from a circle with the same radius of the image until it fills the…
-
1
votes1
answer114
viewsKey Frame CSS3 - Logo
I’m doing the company logo on HTML + CSS with animation that simulates the construction/growth of the logo, all with CSS Key Frames, but it turns out that the whole logo starts and each part appears…
-
1
votes1
answer68
viewsReverse animation when taking mouse
Would someone like to tell me how I do the animation "the other way around" when I take the mouse out? Try it on the link below and I think you will understand. When I put the mouse, the description…
-
1
votes1
answer531
viewsCSS event in one element apply in another
It is possible with CSS to make the following code .grupo-input input:hover .grupo-input span{ margin-top: -30px; } Where in HTML you find yourself this way: <label class="grupo-input">…
-
1
votes1
answer110
viewsIt is possible to put an Animation in the Chart pie
Is it possible to use some Animation in google’s pie-Chart? I put it like this, but it’s not working: var options = { title: 'Tickets por prazo', series: { 0: {"color": '#57c8f2'}, 1: {"color":…
-
1
votes1
answer451
viewsAnimation in SVG image - Auto Drawing
I created a vector in Illustrator and saved it in .svg - this is the present and future of images. And I got the code on svg of the picture and put on the website. I want to make an animation with…
-
1
votes1
answer160
viewsSlow Motion in Transition from Android Pager View
I’m developing an application Android, one of the functionalities requires having a Viewpager images, these images will be transitioning from one to the other automatically in a time interval I set.…
-
1
votes0
answers172
viewsopenGL - Save Complex Rendering in Memory for Future Restore
I am developing a c++ application using opengl, but my knowledge in c++ and opengl is limited, especially in the latter. I need to create a board similar to the chess board, however for each…
-
1
votes1
answer323
viewsJavascript or Jquery Draggable Vertical 3d Carousel
I’m on an Html5 app project aimed at mobile. One of the tools of this app, works like a clock. I try to get that clock set up by dragging the buttons up and down. Setting the numbers for me to…
-
1
votes1
answer3326
viewsHow to create custom transitions in Android Studio?
I would like to know how to make custom transitions on Android. Transitions between activities are always the same. Have some tutorial that teaches you how to improve transitions?
-
1
votes1
answer63
viewsShow div to scrolar the page?
I see many Wordpress themes use the feature to show the elements as you scroll on the site, an example is this: https://belle-demo.myshopify.com How is this done? Only with CSS is it possible?…
-
1
votes1
answer53
viewsUnwanted delay effect
Problem: Desktop menu animation and soon lagged (+ or - 3s), but the mobile menu icon works as expected Attempts: transition-delay: 0s; transition-delay: none; animation-delay: 0s; animation-delay:…
-
1
votes0
answers53
viewstext animation
Does anyone know what the name of the text animation clip "Alone - Alan Walker" is? at the end "You are not alone" where the lyrics move and makes a Glitch animation. Who knows I just need the name,…
-
1
votes1
answer63
viewsHow to make a progress bar that goes from 0 to 70 and doesn’t come back from the beginning?
I need a bar that goes from 0 to 70% and that doesn’t go back to 0 after reaching 70, you can’t start the cycle again, you have to stop when you reach the maximum number.~ @keyframes site { from {…
-
1
votes0
answers60
views.SVG + PHP Automatic Animation
Good morning, I’d like to get help in a situation I came across today. I have an animation in . svg that I wanted to do something that I’m not getting a way to do. I have several elements and they…
-
1
votes0
answers44
viewsError while running new Drawable Animation on Android Stuido
I have a problem. I created a test animation for a Splash Screen of a project of mine. It works well. Now when I made a new animation to subtype this old, out-of-nowhere app. Animation 1 =>…
-
1
votes0
answers80
viewsSmooth transition from a Sticky menu
Created a Sticky menu, works perfectly, but the transition is not smooth, as I do to add? function stick() { if ($(this).scrollTop() > 140){ $('.header').addClass("sticky");…
-
1
votes1
answer70
viewsHow to play a sound only while an animated Textview is playing?
The sound I’m using is from a keyboard being keyboard and was taken from this video => https://www.youtube.com/watch?v=pcNlc0zTMuU Duration => 2,577 seconds I added it to the RAW folder of the…
-
1
votes1
answer100
viewsHow to make animation occur multiple times
I have a project that I’ve imported animate.css so that the transitions would be funnier, but one of them only occurs to me once. var check = true; $(document).ready(function(){ $(".p2").hide();…
-
1
votes0
answers39
viewssetx and setY do not work in the pane (Javafx)
I’m having a problem setting the x and y position of an Imageview in a Javafx Pane. It is a loop code and, the first time the method is called, it arrow the img object at the specific coordinates…
-
1
votes1
answer632
viewsJquery animation to change text of a div
I have a responsive layout and one of the elements of a ROW is a text/paragraph that I want you to exchange every 5 seconds for another paragraph, for example. I have the following function to move…