Questions tagged as 'keyframes'

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

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

Problem with @keyframes CSS

I'm doing an animation with CSS but the effect is correct only in the first word of the text and the rest is not. Would anyone know the reason for this? h3{ position: absolute; font-family: consolas; letter-spacing: 5px; color:...
asked by 27.09.2018 / 20:12
2
answers

How to animate a Radial-Gradient or Linear Gradient with CSS?

I'm trying to make an animation with CSS that would be a "sun" going through an image. The idea was to have something next of this result: Butinmycodethe"sun" jumps from side to side and does not get animated in the right way. How do I...
asked by 11.12.2018 / 16:23
1
answer

How not to let an animation in CSS stop even after the mouse leaves the element

I have div that has an animation in :hover , but if the user takes the mouse from above div before the animation finishes it cuts in half and does not finish. I tried to do a spot light effect that crosses the image from l...
asked by 28.02.2018 / 19:57
2
answers

Animate CSS - Correct syntax?

I have tried in many ways to adjust the simple animation of a @keyframes css I'm doing. I have seen several syntaxes and still continue with error, .borda { padding: .5em; border: 20px solid transparent; border-image: 20...
asked by 20.06.2018 / 22:15
1
answer

css - always defines standard rule 'keyframe' when defining keyframe Error

I'm getting error in the code below that says    css - always defines standard rule 'keyframe' when defining keyframe Error It runs normally in Chrome but is not working in IE 11 @-webkit-keyframes fadeIn { 0% { opacity: 0; to...
asked by 11.12.2018 / 12:46
1
answer

@Keyframes, 'animation-delay' attribute does not work within a 'from' or 'to'

I want to give a delay to this animation but I'm not getting a delay before it goes to the center of the page, in case I add 'animation-delay' inside the class .ft it already starts in the center of the page when loading it, I wanted the page lo...
asked by 30.06.2018 / 23:15
1
answer

how to make a progress bar that goes from 0 to 70 and do not come back from the beginning?

I need a bar that goes from 0 to 70% and does not return to 0 after reaching 70, can not restart the cycle, must stop when it reaches the maximum number. @keyframes site { from { width: 0 } to { width: 73% } } .siteload { backgrou...
asked by 11.07.2018 / 06:19