CSS Animation goes discrete after a while in Safari The Next CEO of Stack OverflowSelecting and manipulating CSS pseudo-elements such as ::before and ::after using jQueryCSS Animation property stays after animatingIs there anyway to animate an ellipsis with CSS animations?CSS animation delay in repeatingCSS3 - Image SlideshowCSS: Animation vs. TransitionCSS3 animations AND hover transitionsCSS Transition after animation endsCSS Animation Delay Bug In SafariWhat are discrete animations?
What did the word "leisure" mean in late 18th Century usage?
Why do we say “un seul M” and not “une seule M” even though M is a “consonne”?
How seriously should I take size and weight limits of hand luggage?
Does int main() need a declaration on C++?
Is the offspring between a demon and a celestial possible? If so what is it called and is it in a book somewhere?
How to coordinate airplane tickets?
Simplify trigonometric expression using trigonometric identities
Read/write a pipe-delimited file line by line with some simple text manipulation
Shortening a title without changing its meaning
Early programmable calculators with RS-232
Can this transistor (2n2222) take 6V on emitter-base? Am I reading datasheet incorrectly?
Creating a script with console commands
Could a dragon use its wings to swim?
Compensation for working overtime on Saturdays
How can I separate the number from the unit in argument?
Do I need to write [sic] when including a quotation with a number less than 10 that isn't written out?
Incomplete cube
How to implement Comparable so it is consistent with identity-equality
My ex-girlfriend uses my Apple ID to login to her iPad, do I have to give her my Apple ID password to reset it?
Strange use of "whether ... than ..." in official text
Avoiding the "not like other girls" trope?
Is a distribution that is normal, but highly skewed, considered Gaussian?
Why did the Drakh emissary look so blurred in S04:E11 "Lines of Communication"?
Does Germany produce more waste than the US?
CSS Animation goes discrete after a while in Safari
The Next CEO of Stack OverflowSelecting and manipulating CSS pseudo-elements such as ::before and ::after using jQueryCSS Animation property stays after animatingIs there anyway to animate an ellipsis with CSS animations?CSS animation delay in repeatingCSS3 - Image SlideshowCSS: Animation vs. TransitionCSS3 animations AND hover transitionsCSS Transition after animation endsCSS Animation Delay Bug In SafariWhat are discrete animations?
I've got this animation to pulse some text from dark to light. It works when I load/refresh the site, but if I leave the tab open for a while and come back, it no longer pulses smoothly–instead blinking discretely as if there were no smooth transition. This seems to only happen on Safari. Any ideas?
.accordion input[type='radio']:checked + label
animation: pulse 3s infinite;
color: $white;
@keyframes pulse
0%
opacity: .3;
text-shadow: 0px 0px 5px white;
50%
opacity: 1;
text-shadow: 0x 0px 5px white;
100%
opacity: .3;
text-shadow: 0px 0px 5px white;
css animation css-animations
asked Mar 21 at 19:53
one--offone--off
11
add a comment |
I've got this animation to pulse some text from dark to light. It works when I load/refresh the site, but if I leave the tab open for a while and come back, it no longer pulses smoothly–instead blinking discretely as if there were no smooth transition. This seems to only happen on Safari. Any ideas?
.accordion input[type='radio']:checked + label
animation: pulse 3s infinite;
color: $white;
@keyframes pulse
0%
opacity: .3;
text-shadow: 0px 0px 5px white;
50%
opacity: 1;
text-shadow: 0x 0px 5px white;
100%
opacity: .3;
text-shadow: 0px 0px 5px white;
css animation css-animations
asked Mar 21 at 19:53
one--offone--off
11
add a comment |
I've got this animation to pulse some text from dark to light. It works when I load/refresh the site, but if I leave the tab open for a while and come back, it no longer pulses smoothly–instead blinking discretely as if there were no smooth transition. This seems to only happen on Safari. Any ideas?
.accordion input[type='radio']:checked + label
animation: pulse 3s infinite;
color: $white;
@keyframes pulse
0%
opacity: .3;
text-shadow: 0px 0px 5px white;
50%
opacity: 1;
text-shadow: 0x 0px 5px white;
100%
opacity: .3;
text-shadow: 0px 0px 5px white;
css animation css-animations
asked Mar 21 at 19:53
one--offone--off
11
I've got this animation to pulse some text from dark to light. It works when I load/refresh the site, but if I leave the tab open for a while and come back, it no longer pulses smoothly–instead blinking discretely as if there were no smooth transition. This seems to only happen on Safari. Any ideas?
.accordion input[type='radio']:checked + label
animation: pulse 3s infinite;
color: $white;
@keyframes pulse
0%
opacity: .3;
text-shadow: 0px 0px 5px white;
50%
opacity: 1;
text-shadow: 0x 0px 5px white;
100%
opacity: .3;
text-shadow: 0px 0px 5px white;
css animation css-animations
css animation css-animations
asked Mar 21 at 19:53
one--offone--off
11
asked Mar 21 at 19:53
one--offone--off
11
asked Mar 21 at 19:53
one--offone--off
11
asked Mar 21 at 19:53
one--offone--off
11
asked Mar 21 at 19:53
one--offone--off
11
11
add a comment |
add a comment |
0
active
oldest
votes
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55288312%2fcss-animation-goes-discrete-after-a-while-in-safari%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55288312%2fcss-animation-goes-discrete-after-a-while-in-safari%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
