Ad insertion in https://css-loaders.com/clones/ messes up animation timing
Author: webbedspaceCreated Sep 17, 2026Updated Sep 17, 2026
LabelsC-untriaged
Describe the bug: When the ad insertion code on https://css-loaders.com/clones/ inserts a top-of-page ad, animation number 14 on the page gets its timing messed up and starts spinning far too quickly.
To Reproduce: Here is a "minimised" (sarcasm) test case with only the ad code and the affected animated element. It exhibits the bug when I run it locally as a file://
<main class="new">
<div><script async="" type="text/javascript" src="https://cdn.carbonads.com/carbon.js?serve=CW7DV27N&placement=css-loaderscom&format=cover" id="_carbonads_js"></script>
<div id="carbonads"><div id="carbon-responsive">
<div class="carbon-responsive-wrap">
</div>
</div></div></div>
<div id="l14"></div>
<style>#l14 {
width: 40px;
aspect-ratio: 1.154;
display: grid;
background: conic-gradient(from 149deg at top,#0000, #BF1E62 1deg 60deg,#0000 61deg);
animation: l14 2s infinite cubic-bezier(0.5,500,0.5,-500);
transform-origin: top;
}
#l14:before,
#l14:after {
content: "";
grid-area: 1/1;
background: conic-gradient(from 149deg at top,#0000, #FFA588 1deg 60deg,#0000 61deg);
transform-origin: inherit;
animation: inherit;
}
#l14:after {
background: conic-gradient(from 149deg at top,#0000, #027B7F 1deg 60deg,#0000 61deg);
animation-timing-function: cubic-bezier(0.5,800,0.5,-800);
}
@keyframes l14{
100% {transform: rotate(0.2deg)}
}
</style>An uniminified grab of the ad JS file at the time of is here: carbon.js Since this loads a JSON file via CORS, it doesn't run locally, but is included for reference.
Platform: Win 10
Source: servo/servo