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.
165
perguntas
-1
votos
1
resposta
74
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, ...
0
votos
0
respostas
17
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={[
...
-4
votos
1
resposta
73
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;
...
-3
votos
1
resposta
49
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, ...
4
votos
1
resposta
84
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á, ...
-1
votos
1
resposta
227
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 ...
0
votos
1
resposta
160
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 ...
1
voto
1
resposta
159
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 ...
1
voto
1
resposta
154
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 ...
0
votos
1
resposta
126
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 ...
0
votos
0
respostas
128
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 ...
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 ...
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 ...
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 ...
0
votos
1
resposta
99
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 ...
1
voto
1
resposta
256
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 ...
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 &...
0
votos
2
respostas
495
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, ...
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 ...
1
voto
0
respostas
262
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 ...
0
votos
1
resposta
207
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 ...
-1
votos
1
resposta
194
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 = ...
-2
votos
3
respostas
4mil
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;
...
0
votos
2
respostas
178
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 ...
-1
votos
1
resposta
207
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:...
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>
...
-1
votos
2
respostas
218
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 ...
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;
...
2
votos
1
resposta
49
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 ...
2
votos
2
respostas
684
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).
2
votos
1
resposta
366
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 ...
1
voto
1
resposta
204
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 ...
0
votos
0
respostas
70
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: ...
1
voto
1
resposta
953
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 ...
2
votos
1
resposta
374
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 ...
2
votos
1
resposta
183
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, ...
0
votos
1
resposta
167
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, ...
0
votos
1
resposta
173
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 ...
4
votos
2
respostas
780
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 ...
8
votos
2
respostas
297
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 ...
6
votos
1
resposta
380
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 ...
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....
2
votos
3
respostas
363
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" + "...
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 ...
0
votos
2
respostas
2mil
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 ...
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 }
...
0
votos
2
respostas
772
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.
...
-1
votos
1
resposta
59
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 ...
4
votos
1
resposta
721
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)
}
1
voto
0
respostas
64
visitas
animação de texto [fechada]
Alguém sabe qual nome da animação de texto do clipe "Alone - Alan walker"? no final "You are not alone" onde as letras se movem e faz uma animação glitch.
Quem souber eu apenas preciso do nome, pois ...