Perguntas com a tag [animação]

Animação é a exibição rápida de uma seqüência de efeitos visuais, a fim de criar uma ilusão de movimento ou mudança.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
69 visitas

Animação de texto em Javascript não funciona corretamente

No meu arquivo HTML, tenho a seguinte tag: <h1 id="title">Desenvolvedor </h1> Com o Javascript, eu quero fazer uma animação em loop acrescentando outros textos letra por letra, ...
vinícios's user avatar
0 votos
0 respostas
13 visitas

Colocar cor em Type Animation

Olá, estou tentando colocar com em uma parte do texto escrito, porém só consegui colocar cor nele inteiro, export const Title = () => { return ( <TypeAnimation sequence={[ ...
Kaue Siqueira's user avatar
-4 votos
1 resposta
63 visitas

Como faço para, quando o mouse sair de cima do botão ele volta ao tamanho normal com uma animação?

body button{ background-color: #f80032; color: white; border: none; width: 200px; height: 100px; font-size: 40px; border-radius: 30px; transition-property: scale; ...
João Birk's user avatar
-3 votos
1 resposta
48 visitas

Fazer uma ação com clique no js

Eu estou a um bom tempo tentando fazer com que eu pudesse iniciar uma animação de sprites após um clique mas já tentei de tudo no js e não consegui, se alguém puder dar um norte já ajudaria muito, ...
Jota fon's user avatar
4 votos
1 resposta
75 visitas

"animate()" do jquery não esta funcionando

Quero usar o "animate()" para passar um feedback para o usuáro após um click, mas a animação não esta acontecendo. Eu usei o css para determinar qual seria o estado final da animação e lá, ...
JAMDev's user avatar
  • 77
-1 votos
1 resposta
219 visitas

Como criar uma animação para uma propriedade de GraphicsEffect em PyQt5?

Eu criei uma Label para fazer uma apresentação de slides e quero criar um efeito de transição fading entre uma imagem e outra. Para fazer esse efeito, eu quero definir uma opacidade de 1.0 à 0.0 na ...
JeanExtreme002's user avatar
0 votos
1 resposta
144 visitas

texto ultrapassa o limite desejado

Bom eu estou tentando fazer uma animação em css3, só que o texto ultrapassa o limite, eu queria que ele ficasse dentro do objeto, e quando eu tocar no objeto, ele aumentar de acordo, com o objeto. mas ...
João's user avatar
  • 19
1 voto
1 resposta
142 visitas

Keyframe no css para efeito de background

Olá, tudo bem? Eu tentei fazer uma mudança de background usando keyframe, porém as imagens quando mudam piscam na primeira vez, como se estivesse carregando. Isso é normal ou fiz algo errado? Aqui ...
vitor frazão's user avatar
1 voto
1 resposta
136 visitas

Como dá um translateY com banse no valor atual do translateX?

Eu tenho uma caixa que move pra um lado e pro outro usando o translateX ai pus uma pseudo classe pra emular um pulo com translateY quando o usuário passar o mouse sobre o container pai dessa caixa. O ...
Ellson Mendes's user avatar
0 votos
1 resposta
120 visitas

Pausar animação com o setTimeOut

Estou usando a biblioteca Lottie no React native e quero animar um objeto e depois de 2.5 segundos pausar a animação, mas o settTimeOut me retorna um erro. O comando anim.pause() funciona corretamente ...
user avatar
0 votos
0 respostas
118 visitas

Como criar uma animação e estrutura-lá para ser reutilizável?

Eu criei uma animação de um "spinner" igual ao do webwhatsapp, porém esta animação eu criei do modo padrão através do .scss e @keyframes. Busquei na documentação do angular e verifiquei que existe uma ...
user avatar
10 votos
1 resposta
2mil visitas

Como faço para que ao pressionar a tecla uma ação ocorra até eu soltar a tecla, tal qual os jogos de video game?

Em jogos de video game a ação exibida ao se pressionar uma tecla é suave, contínua e imediata. No entanto ao implementar uma rotina que anime um personagem de acordo com a tecla pressionada usando o ...
Augusto Vasques's user avatar
  • 18,7mil
1 voto
1 resposta
64 visitas

JQuery - Minha queue não funciona mais de uma vez nessa animação. O que pode ser? [fechada]

Criei uma função a qual quando o mouse passasse por cima da DIV, ela faria uma animação inserindo e removendo classes. Mas o que eu não entendo é que a animação que está dentro da queue, só funciona ...
Wendel Luiz's user avatar
1 voto
1 resposta
1mil visitas

Como pausar ou reproduzir a animação de um GIF em JavaScript? [duplicada]

Estou criando uma página HTML que possui uma imagem em formato gif e um display de música logo abaixo dele. <div><img src="imagem.gif"/></div> <audio> <source ...
JeanExtreme002's user avatar
0 votos
1 resposta
92 visitas

Como usar curvas bezier para descrever animação 3d em c++ de forma eficiente?

Estou desenvolvendo um programa 3d em c/c++, já fiz a parte de renderização dos objetos, está faltando a parte de animação, basicamente desejo usar uma lista de valores (frames) cada um contendo o ...
RaphaelK12's user avatar
1 voto
1 resposta
249 visitas

Minha animação não esta funcionando quando passo o mouse

Boa noite! Estou querendo fazer um site e em uma parte dele estou querendo fazer uma animação de fadeIn com css, quando o usuário passa o mouse na DIV aparece outra mais não de uma forma "seca" e sim ...
Felipe Godoy's user avatar
3 votos
1 resposta
134 visitas

Gráfico com animação em R

Estou tentando reproduzir um gráfico de animação de acordo com a evolução do parâmetro lambda. Abaixo está o código e a imagem. Nesta parte são as funções library(plotly) library(splines) bspline &...
user55546's user avatar
  • 501
0 votos
2 respostas
426 visitas

Como criar uma Animação no JavaScript usando For

Estou tentando fazer uma <div> ter o background alterado para as três cores primarias, no caso Yellow, Blue e Red, porem só começaria a alterar a cor 4 segundos depois da pagina ser atualizada, ...
Eduardo Ribeiro's user avatar
1 voto
1 resposta
63 visitas

Como eliminar a pausa entre animações dum AnimationSet?

Eu tenho a seguinte rotina: private void move(float graus1, float graus2, float xx1, float xx2, float yy1, float yy2) { animSet = new AnimationSet(false); rotate = new ...
Adonis's user avatar
  • 3
1 voto
0 respostas
227 visitas

Utilizar AVI no componente TAnimate (projeto VCL) [fechada]

Utilizo o Delphi 7 e estou há mais de 4 horas tentando adicionar uma simples animação "carregando" (loading) em um componente TAnimate, sem sucesso. Ao tentar carregar o arquivo AVI através da ...
Guybrush's user avatar
  • 273
0 votos
1 resposta
191 visitas

animação com CSS

Estou com um problema em utilizar animação no css quando eu clico nos botões login e sing Up pela primeira vez funciona normalmente, porém quando volto a clicar em qualquer um desse botões a ...
Gabriel Silva's user avatar
-1 votos
1 resposta
182 visitas

Como fazer uma animação Javascript com Canvas?

Como se faz uma pequena animação em JavaScript? Tentei fazer assim mas não deu certo: var tela = document.querySelector('canvas'); var pincel = tela.getContext('2d'); pincel.fillStyle = ...
user155528's user avatar
-2 votos
3 respostas
3mil visitas

Como fazer para quando a pessoa tirar o mouse de cima diminuir o tamanho só com o css

Quero saber se tem como quando você tirar o mouse de cima de uma div ele diminuir o tamanho somente com o css exemplo: (:hover) .post:hover { width: 900px; height: 500px; ...
arthurguedes375's user avatar
0 votos
2 respostas
167 visitas

Animar script que troca o "src=" de uma imagem

Estou desenvolvendo um projeto e não manjo muito de javascript. Consegui fazer esse código para trocar a imagem principal conforme é clicado na thumb. O único problema é que gostaria que tivesse ...
Lucas Granvilla's user avatar
-1 votos
1 resposta
202 visitas

Como resolver esse problema na colisão?

Se eu verifico a colisão só na horizontal, o programa pega toda a largura do cenário e não só da div. Código: <html> <style> #dv{ border:1px solid red; background-color:#344; height:...
Danilo Santos's user avatar
0 votos
0 respostas
14 visitas

Animação no CSS ativar de X em X tempo [duplicada]

Existe algum parâmetro pra minha animação ativar de x em x tempo? Por exemplo, a cada 7 segundos quero que essa animação ative: <!DOCTYPE html> <html> <head> <style> ...
Lucas de Carvalho's user avatar
-1 votos
2 respostas
194 visitas

Animation com CSS [fechada]

É possível utilizar uma animação infinita porém com um tempo de intervalo? Exemplo: realizar a animação + espera 10 segundos + e realiza novamente, e assim por diante. É possível? Se sim, poderiam ...
Gustavo's user avatar
  • 23
8 votos
4 respostas
2mil visitas

Como fazer um elemento cruzar a tela de forma contínua e sempre visível?

Tenho uma animação em CSS de um elemento que cruza toda a tela, da direita para a esquerda, continuamente de forma infinita: #slider{ position: absolute; top: 50px; right: 0; ...
Sam's user avatar
  • 80,7mil
2 votos
1 resposta
46 visitas

Animação de texto saindo por trás de uma imagem

Olá, fiz uma animação de um texto saindo por trás de uma imagem, porém só consigo usar o transform: scale() e isso não é o que eu quero de verdade, o que eu desejo é que o texto vá aparecendo aos ...
Guilherme Samuel's user avatar
2 votos
2 respostas
639 visitas

Como consigo fazer uma animation "spin" no CSS usando o border de uma div?

A animação que quero basicamente é quando eu der hover na div do fingerprint a border fica em loading por 3 segundos (uma animação de tipo progressbar, começando do 0 e chegando ao fim do círculo).
pedroflp's user avatar
2 votos
1 resposta
355 visitas

Como criar animação de imagem girando, com velocidade decrescente, até parar

Eu tenho esta animacao abaixo em em que uma ImagemView gira sobre seu eixo durante 4 segundos. Gira uniforme com a mesma velocidade os 4 segundos. <?xml version="1.0" encoding="utf-8"?> <set ...
Adonis's user avatar
  • 3
1 voto
1 resposta
188 visitas

Precisamos chamar cancelAnimationFrame para os frames anteriores ao atual do requestAnimationFrame?

Tenho trabalhado com animação e estudando e lendo bastante achei esse método com a melhor performance entre outros existente, tanto para uso no computador quanto para Smartfones, abusurdamente ...
user avatar
0 votos
0 respostas
67 visitas

Como configurar os css das keyframes para o Firefox?

Boa Tarde Minha dúvida é referente a configuração das keysframes para o navegador Mozilla Firefox No navegador Chrome utilizei a seguinte configuração : #unidade-movel { position: ...
Grafite's user avatar
  • 95
1 voto
1 resposta
928 visitas

Animação Jquery para mudar texto de uma div

Tenho um layout responsivo e um dos elementos de uma ROW é um texto/parágrafo que quero que fique trocando a cada 5 segundos por outro paragrafo, por exemplo. Tenho a seguinte função para mover o ...
Cinthia's user avatar
  • 33
2 votos
1 resposta
349 visitas

Como inverter rotate com javascript?

estou tentando fazer uma animação com javascript puro, e estou usando style.transform = "rotate(" + ang + "deg)"; para fazer isso. Minha intenção é: quando ele chegar a uma posição x, ele volte em ...
Erick Ferrara Bazan's user avatar
2 votos
1 resposta
169 visitas

SVG incompleto apenas no Chrome

Estou fazendo animações com SVG, usando CSS. No Firefox funciona perfeitamente o efeito com stroke + fill gradient, no Edge ele apenas ignora o gradient e por fim no Chromefica tudo certinho, porém, ...
Kamile Pimenta's user avatar
0 votos
1 resposta
144 visitas

Animation CSS Multiline typing

Boa tarde, Alguém poderia me ajudar com esta dúvida: estou tentando colocar uma animação de typing text na home, mas com 2 linhas. Não estou conseguindo estipular um intervalo entre as duas linhas, ...
Cris Credie's user avatar
0 votos
1 resposta
162 visitas

Como fazer esse efeito ? Animation CSS?

Boa tarde Há um efeito de um carrinho percorrendo uma estrada no link abaixo: http://institutosorridents.org.br/ Inspecionando o código encontrei o código css abaixo : #rota-do-sorriso > #mapa ...
Grafite's user avatar
  • 95
4 votos
2 respostas
754 visitas

Como animar um Radial-Gradient ou Linear Gradiente com CSS?

Estou tentando fazer uma animação com CSS que seria de um "sol" passando por uma imagem. A ideia era ter algo próximo desse resultado: Mas no meu código o "sol" fica pulando de um lado para o outro ...
hugocsl's user avatar
  • 66,8mil
8 votos
2 respostas
280 visitas

Como fazer com CSS barra de loader com fundo animado?

Eu vi esse elemento que na verdade funciona como um "loader" enquanto a imagem vai carregando etc. E tentei replica-lo. Não a dinâmica para funcionar como um loader, mas sim esse efeito das linha ...
hugocsl's user avatar
  • 66,8mil
6 votos
1 resposta
358 visitas

Como fazer animação com SVG ou CSS de um Texto andando pelo caminho?

Eu tenho um SVG que é um Texto alinhado em um Path. Porém a minha intenção é fazer o texto "correndo" pelo Path, como um Marqueer. A ideia seria algo como essa imagem. Mas o que eu consegui foi ...
hugocsl's user avatar
  • 66,8mil
4 votos
1 resposta
3mil visitas

Como fazer uma animação em CSS começando de um lado no Hover e terminando do outro quando sair o Hover?

Tenho uma animação onde um elemento aparece entrando da esquerda para direita quando faço o :hover no .box, porém gostaria de que quando eu tirasse o mouse do .box o elemento saísse agora pela direita....
hugocsl's user avatar
  • 66,8mil
2 votos
3 respostas
334 visitas

Dúvida de como captar a animação do personagem no Unity

Estou tentando fazer um comando que ative uma animação quando eu aperta 2 teclas do keyboard e, quando eu parar de apertar uma delas, essa animação parasse. Por exemplo eu escolhi a tecla "w" + "...
Gustavo Bianco's user avatar
0 votos
1 resposta
107 visitas

Qual seria a estrutura de CSS. Como montar esse modelo de galeria?

Gostaria de saber que estrutura CSS precisa ser aplicada para se ter o aumento de divs com uma boa transição de animação a nível de CSS de altura e largura, o conteúdo interno da div não precisa ...
jack_rs's user avatar
1 voto
0 respostas
50 visitas

setX e setY não funcionam no pane (JavaFX)

Estou tendo um problema para setar a posição x e y de uma ImageView em um Pane no JavaFX. É um código em loop e, na primeira vez que o método é chamado, ele seta o objeto img nas coordenadas ...
Nicolas Holanda's user avatar
0 votos
2 respostas
1mil visitas

Parar animação CSS após interação

No botão abaixo, adicionei uma animação pulse para chamar a atenção do usuário. Gostaria que após o usuário pressioná-lo, a animação parasse. Consegui fazer para que a animação parasse quando o cursor ...
sev3ndie's user avatar
1 voto
1 resposta
69 visitas

como fazer uma barra de progresso que vá de 0 a 70 e não volte do inicio?

Preciso de uma barra que vá de 0 a 70% e que não volte a 0 apos chegar nos 70, não pode recomeçar o ciclo, tem que parar quando chegar no numero maximo.~ @keyframes site { from { width: 0 } ...
Hector Rodrigues's user avatar
0 votos
2 respostas
750 visitas

Como reverter a animação de um Modal?

Tenho um código CSS que faz uma animação de um modal descer e ficar no meio da tela, agora eu precisava de inverter essa animação, preciso que o modal que está no meio da tela suba e desapareça. ...
D. Watson's user avatar
  • 938
-1 votos
1 resposta
58 visitas

Animações não aparecem

Boas pessoal, estou a tentar fazer umas animações em scroll, mas não sei porquê mas não vejo animação nenhuma, as secções não fazem reveal À medida que vou fazendo scroll... Html: Adicionei a ...
Nelson Pacheco's user avatar
4 votos
1 resposta
697 visitas

criação de gif no r

Estou tentando crias um GIF do plot abaixo: x<-NULL y<-NULL for(i in 1:500){ y[i]<-sum(rnorm(i))/i x[i]<-i plot(y~x, type="l") abline(y=0) Sys.sleep(0.25) }
Márcio Mocellin's user avatar