Todas as perguntas
Com as tags css-animations css
25 perguntas
-2
votos
1
resposta
36
visitas
Animation-Delay não funciona corretamente dentro do Kayframe CSS
Eu quero que meu texto apareça depois de 6 segundos, ja tentei de tudo mas ele aparece na tela desde o inicio da execução, não entendo o por que o animation-delay não funciona.
Como resolvo?
#i1 {
...
-2
votos
1
resposta
209
visitas
Animação que quando termina permanece na posição final
Enquanto me encontrava a desenvolver um projeto deparei-me com uma dificuldade na qual venho pedir o vosso auxilio. Eu gostava que no meu projeto uma imagem que foi cortada no css permanece-se na ...
4
votos
1
resposta
1mil
visitas
Como faço, em um gradiente de 3 cores, a cor do meio "ficar maior", se destacar?
Eu queria saber se é possível fazer a segunda cor desse gradiente se expandir e se destacar no meio dessas duas cores em uma animação CSS, e se for como eu faço.
body {
background: linear-...
0
votos
2
respostas
150
visitas
Como aplicar efeitos diferentes ao mesmo tempo?
Eae pessoal, beleza?
tenho dois ícones e cada um deles tem um efeito transform diferente, a minha duvida é:
Quando eu passar o mouse sobre o icon1, existe alguma maneira de ser acionado o efeito do ...
0
votos
1
resposta
188
visitas
Preloader infinito
Apliquei um preloader em um site mas ele "não desliga" por assim dizer.
$(window).on('load', function () {
$('#preloader .inner').fadeOut();
$('#preloader').delay(350).fadeOut('slow');
...
3
votos
1
resposta
341
visitas
Retornar elemento a posição inicial em hover css [fechada]
Estou fazendo uma animação em uma logo, onde cada letra vai para um lado e quando eu passar o mouse na div onde ela está, todas as letras devem voltar ao valor inicial, assim formando a logo.
Até ai ...
2
votos
1
resposta
369
visitas
animação efeito onda em corda SVG
estou fazendo uma animaçnao SVG e para ficar completo, só está faltando a animação da corda
.wrapper {
background: #364254;
width: 100%;
height: 100%;
}
<div class="wrapper">
...
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>
...
0
votos
2
respostas
302
visitas
Como saber percentual da animação no CSS
Procurei e não encontrei uma função ou propriedade do atributo animate (CSS), para acompanhar e controlar o percentual de uma animação CSS. Ou seja, eu quero, dinamicamente, saber em quantos porcento ...
1
voto
1
resposta
791
visitas
Manter efeito final do Animation css
Estou fazendo uma tela de loading e no final do efeito, o valor de css que deve ser mantido, é o valor que está no 100% do animation, só que quando o efeito termina, ele volta ao css inicial.
Como ...
4
votos
1
resposta
661
visitas
Efeito de radar com CSS
Estou tentando fazer uma animação tipo "radar" em volta de uma imagem usando apenas CSS com @keyframes. Até consegui chegar a um resultado, exceto pelo fato de que não consigo sincronizar as duas "...
1
voto
1
resposta
1mil
visitas
Efeito CSS: Floating label em Formulário não funciona sem atributo required
Estou usando o efeito floating em um formulário para mover o label quando o usuário clicar no input ou select.
O problema é que o recurso só funciona se o atributo required estiver presente. O que é ...
11
votos
3
respostas
1mil
visitas
Com CSS é possível animar o text-decoration?
Recentemente vi essa animação feita com SVG,
Mas fiquei me perguntando, será que é possível animar o text-decoration-style: wavy no :hover de forma a conseguir o mesmo resultado?
body {
...
9
votos
2
respostas
2mil
visitas
Como fazer uma Animação em CSS com efeito de arrasto. Colocar blur no movimento
Estou querendo colocar um loader animado em CSS com @keyframes em uma página, mas gostaria de colocar nele um "efeito de arrasto" como se ele desse uma "embaçada" com um rastro de blur seguindo o ...
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 ...
2
votos
1
resposta
4mil
visitas
Como mudar a imagem exibida nas versões Desktop e Mobile de um website
Eu precisava que na versão desktop de um website fosse exibida uma imagem e na versão mobile outra imagem.
Sendo que no desktop o contador ficaria em cima da imagem (como ele já fica) e no mobile ...
1
voto
1
resposta
2mil
visitas
Banner animado com HTML5
Boa tarde Pessoal, Recebi um pedido para criar um banner animado em HTML5. criei o banner utilizando o HTML e CSS, e funcionou corretamente. O cliente foi tentar implementar em seu site, que ...
3
votos
2
respostas
1mil
visitas
Animação com imagem em CSS
Estou quebrando a cabeça com uma coisa simples, geralmente eu resolvo esses problemas olhando no google, mas hoje não tive essa sorte.
E o seguinte, eu quero criar um fundo com a class "animation ...
0
votos
2
respostas
196
visitas
Problema com execução de animação em CSS
Fiz uma animação em CSS, mas parou de funcionar. Aonde esta o erro?
HTML/CSS
#loading {
background-color: #0e5077;
height: 100%;
width: 100%;
position: fixed;
z-index: 99;
margin-top:...
0
votos
1
resposta
352
visitas
evento com scroll javascript
Tenho o código abaixo criando o efeito de fadein e fadeout com a biblioteca animate.css em um evento do scroll, porém quando o evento ocorre aplicando o fadeOut, ele reaparece até que mexa no scroll, ...
5
votos
2
respostas
4mil
visitas
Efeito zoom com CSS
Tenho uma div com uma imagem na qual apliquei um efeito zoom e uma leve rotação!
porém essa imagem deve fazer o zoom e a rotação dentro dos limites da DIV sem transbordar e sim ocultar as partes que ...
2
votos
1
resposta
55
visitas
Sincronizar a animação dos elementos ao inserir no DOM
É possível inserir um elemento animado no DOM de forma sincronizada? ou seja, ao inserir o estado atual é mantido e não resetado como no exemplo abaixo...
function add() {
let ctn = document....
1
voto
1
resposta
62
visitas
Bug de animação no Firefox
Eu criei um svg e fiz uma animaçãozinha de carregamento, no estilo de um loader simples... Essa animação funciona perfeitamente no Chrome, mas no Firefox e no Edge contém alguns problemas na animação. ...
0
votos
2
respostas
583
visitas
Animação no CSS é executada mas quando volta ao início não repete
A animação slide-in começa no margin-top:0%; width:100%; e termina no margin-top:300px; width:100%; então o que esta animação faz é descer o texto que está escrito.
Mas logo depois que desce e ...
0
votos
1
resposta
201
visitas
Animação com Problema no Safari
Há um tempo percebi que no Safari as animações funcionam de uma maneira diferente.
Por exemplo, se tivermos um texto dentro de um span e queremos que ao hover as letras desse texto diminuam 1px, ...