{"action":"created","issue":{"url":"https://api.github.com/repos/daneden/animate.css/issues/386","labels_url":"https://api.github.com/repos/daneden/animate.css/issues/386/labels{/name}","comments_url":"https://api.github.com/repos/daneden/animate.css/issues/386/comments","events_url":"https://api.github.com/repos/daneden/animate.css/issues/386/events","html_url":"https://github.com/daneden/animate.css/issues/386","id":67871671,"number":386,"title":"Animations override opacity settings","user":{"login":"Kaze919","id":11906532,"avatar_url":"https://avatars.githubusercontent.com/u/11906532?v=3","gravatar_id":"","url":"https://api.github.com/users/Kaze919","html_url":"https://github.com/Kaze919","followers_url":"https://api.github.com/users/Kaze919/followers","following_url":"https://api.github.com/users/Kaze919/following{/other_user}","gists_url":"https://api.github.com/users/Kaze919/gists{/gist_id}","starred_url":"https://api.github.com/users/Kaze919/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Kaze919/subscriptions","organizations_url":"https://api.github.com/users/Kaze919/orgs","repos_url":"https://api.github.com/users/Kaze919/repos","events_url":"https://api.github.com/users/Kaze919/events{/privacy}","received_events_url":"https://api.github.com/users/Kaze919/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-04-12T04:45:07Z","updated_at":"2015-04-20T21:31:29Z","closed_at":null,"body":"Hey I apologize if this is an easy one but I setup a fadeIn animation on my top navigation bar and it works fine except I lost the ability to have it be semi-transparent. Is there any way to override this or am I stuck with one or the other."},"comment":{"url":"https://api.github.com/repos/daneden/animate.css/issues/comments/94574213","html_url":"https://github.com/daneden/animate.css/issues/386#issuecomment-94574213","issue_url":"https://api.github.com/repos/daneden/animate.css/issues/386","id":94574213,"user":{"login":"Kaze919","id":11906532,"avatar_url":"https://avatars.githubusercontent.com/u/11906532?v=3","gravatar_id":"","url":"https://api.github.com/users/Kaze919","html_url":"https://github.com/Kaze919","followers_url":"https://api.github.com/users/Kaze919/followers","following_url":"https://api.github.com/users/Kaze919/following{/other_user}","gists_url":"https://api.github.com/users/Kaze919/gists{/gist_id}","starred_url":"https://api.github.com/users/Kaze919/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Kaze919/subscriptions","organizations_url":"https://api.github.com/users/Kaze919/orgs","repos_url":"https://api.github.com/users/Kaze919/repos","events_url":"https://api.github.com/users/Kaze919/events{/privacy}","received_events_url":"https://api.github.com/users/Kaze919/received_events","type":"User","site_admin":false},"created_at":"2015-04-20T21:31:29Z","updated_at":"2015-04-20T21:31:29Z","body":"perfect, thank you so much\n\n> On Apr 16, 2015, at 2:50 PM, Sundypha <notifications@github.com> wrote:\n> \n> As you can see in the CSS file, the fadeIn is simple to edit\n> \n> @-webkit-keyframes fadeIn {\n>   0% {\n>     opacity: 0;\n>   }\n> \n>   100% {\n>     opacity: 1;\n>   }\n> }\n> \n> @keyframes fadeIn {\n>   0% {\n>     opacity: 0;\n>   }\n> \n>   100% {\n>     opacity: 1;\n>   }\n> }\n> \n> .fadeIn {\n>   -webkit-animation-name: fadeIn;\n>   animation-name: fadeIn;\n> }\n> better would be another animation for your needs, e.g. for 50% transparency:\n> \n> @-webkit-keyframes fadeInNavigation {\n>   0% {\n>     opacity: 0;\n>   }\n> \n>   100% {\n>     opacity: 0.5;\n>   }\n> }\n> \n> @keyframes fadeInNavigation {\n>   0% {\n>     opacity: 0;\n>   }\n> \n>   100% {\n>     opacity: 0.5;\n>   }\n> }\n> \n> .fadeIn {\n>   -webkit-animation-name: fadeInNavigation;\n>   animation-name: fadeInNavigation;\n> }\n> now you could add fadeInNavigaion as your desired animation\n> \n> —\n> Reply to this email directly or view it on GitHub <https://github.com/daneden/animate.css/issues/386#issuecomment-93813176>.\n> \n\n"}}