Questions tagged as 'css-animations'

Tagged questions
3
answers

With CSS is it possible to animate text-decoration?

Recently I saw this animation made with SVG, ButIwaswondering,isitpossibletoanimatetext-decoration-style:wavyin:hoverinordertoachievethesameresult? body { font-family: sans-serif; font-size: 2rem; } p {...
asked by 01.11.2018 / 12:14
2
answers

How to make an animation in CSS with drag effect. Motion blur

I'm trying to put an animated% css in CSS with loader on a page, but I'd like to put a "drag effect" on it as if it blurred a "blur" in> following the element when it moves ... Type this image ButI'veonlybeenabletogethere...Anyoneh...
asked by 25.10.2018 / 15:48
1
answer

Is there any way to test a CSS animation by DevTools?

I have this simple animation made in CSS, but I'm having trouble with " debuggar " behavior. Every time I have to go in the code, save, and refresh in the browser. Is there any way to test a direct animation through DevTools? Type has to...
asked by 03.12.2018 / 12:19
1
answer

Radar effect with CSS

I'm trying to make a "radar" animation around an image using only CSS with @keyframes . I even managed to get a result, except that I can not synchronize the two "waves" of the radar, see: body{ margin: 0; } #container{ d...
asked by 02.01.2019 / 21:53
1
answer

How does Cubic-Bezier work in Animations with CSS?

When we do an animation with CSS we have several parameters that we can use. animation: name duration timing-function delay iteration-count direction fill-mode...
asked by 29.11.2018 / 12:27
2
answers

Zoom effect with CSS

I have a div with an image in which I applied a zoom effect and a slight rotation! but this image should zoom and rotate within the boundaries of the DIV without overflowing, but hide parts that exceed the size of the div. image explaining:...
asked by 17.05.2018 / 01:07
1
answer

Effect of bypassing a div's border, as if drawn by "hand"

I want to make a border effect, which in the hover of a square div, the border is "drawn", leaves the top left of the div, fills to the upper right, descends to the right side, returns to the left through (as if you were drawing the border with...
asked by 04.09.2016 / 21:00
2
answers

Animation in the display change in HTML

Hello my dear programmers friends of our Brazil! I need your help on the following question:  I have a button that when pressed changes the display from one div to one block. So: CSS #form-pergunta { display: none; } JavaScript f...
asked by 21.07.2016 / 18:55
2
answers

Animation with CSS image

I'm breaking my head with something simple, I usually solve these problems by looking at google, but today I was not that lucky. And the following, I want to create a background with the class "animation linear infinite", but I want to put a...
asked by 26.08.2018 / 01:03
1
answer

Synchronize animation of elements when inserting in DOM

Is it possible to insert an animated element in DOM synchronously? that is, when entering the current state is maintained and not reset as in the example below ... function add() { let ctn = document.getElementById('ctn');...
asked by 01.04.2018 / 23:44