Questions tagged as 'css-animations'

0
answers

Horizontal Spinner with CSS

I'm trying to create a horizontal spinner from a simple image with CSS only ( without counting the trigger in JS, of course). But so far I have not been successful. The effect I would like would be just like the spin (Earth) or, in a more...
asked by 20.12.2016 / 14:47
2
answers

Activate animate.css only when object is clicked

How to add the animation effect only when the object is clicked? I'm already using animate.css animations, but I'd like the effect to start only when I click on it. How to do this?     
asked by 11.07.2018 / 18:09
1
answer

event with scroll javascript

I have the code below creating the effect of fadein and fadeout with the animate.css library in a scroll event, but when the event occurs applying fadeOut, it reappears until it scrolls, and the other error is that while the scroll is less than...
asked by 31.05.2018 / 06:43
1
answer

Problem Animation in Safari

Some time ago I noticed that in Safari the animations work in a different way. For example, if we have a text inside a span and want to hover the letters of this text decrease 1px , we set letter-spacing: -1px; . Put...
asked by 21.08.2015 / 15:58
1
answer

I need to make a form with css and I can not. E rotation does not work in IE11

Talk to people, how are you? (I hope and I hope so) I'm starting a new personal project , and I'm getting fucked up with two questions: 1 - The menu set is rotating, while the central logo stops and only runs in the hover function, but un...
asked by 17.12.2018 / 20:15
0
answers

Transform a scss animation to fit the angular animations

Hello, I need to put in my angular animations the following scss animation: 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,...
asked by 14.12.2018 / 19:33
1
answer

What would be the CSS structure. How to set up this gallery template?

I'd like to know what CSS structure needs to be applied to get div s increase with a good animation transition at height and width CSS level, the internal contents of div need not occur, idea is looks like the link below: link...
asked by 25.10.2018 / 14:09
2
answers

Problem with running animation in CSS

I did an animation in CSS, but it stopped working. Where is the error? HTML / CSS #loading { background-color: #0e5077; height: 100%; width: 100%; position: fixed; z-index: 99; margin-top: 0px; top: 0px; } #loading-c...
asked by 22.08.2018 / 20:11
0
answers

ngAnimate does not work with columns in bootstrap

Good night, I have 2 columns with bootstrap and I would like them to get excited at the ng-repeat call I have a service that returns a json that does a ng-repeat Follow the html <div class="section"> <div ng-repeat="...
asked by 07.08.2018 / 03:51
2
answers

Animation in CSS is executed but when it returns to the beginning does not repeat

The animation slide-in starts in margin-top:0%; width:100%; and ends in margin-top:300px; width:100%; so what this animation does is to go down the text that is written. But soon after the animation goes down and ends, it...
asked by 19.04.2017 / 02:24