Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Animation behaving odd in FX when elements hit its containers boundaries. Reply To: Animation behaving odd in FX when elements hit its containers boundaries.

#156576
paulob
Participant

You could also fix it by extending the area outside the viewport for the pulse element.

.pulse {
    border-radius:100%;
    border:4px solid rgba(255,255,255,.5);
    width:100px;
    height:100px;
    opacity:0;
    margin: auto;
    position: absolute;
    top: -99em;
    left: -99em;
    bottom: -99em;
    right: -99em;
    z-index:0;
}