img[data-src], iframe[data-src], video source[data-src] {
filter: blur(8px) grayscale(40%);
background: #eee;
transition: filter 0.25s, opacity 0.25s;
opacity: 0.7;
}
img.seals-lazyloaded,
iframe.seals-lazyloaded,
video source.seals-lazyloaded {
filter: none !important;
opacity: 1 !important;
}
img:not([data-src]):not(.seals-lazyloaded),
iframe:not([data-src]):not(.seals-lazyloaded),
video source:not([data-src]):not(.seals-lazyloaded) {
filter: none !important;
opacity: 1 !important;
}
video[data-src], video:not([data-src]) { filter: none !important;
}
video[poster][data-src] { background: #eee;
opacity: 0.7;
}
video.seals-lazyloaded,
video:not([data-src]):not(.seals-lazyloaded) {
filter: none !important;
opacity: 1 !important;
} img[data-src]::after,
iframe[data-src]::after,
video[data-src]::after {
content: '';
display: block;
position: absolute;
left: 50%; top: 50%;
width: 24px; height: 24px;
margin: -12px 0 0 -12px;
border: 3px solid #ccc;
border-top: 3px solid #0077ff;
border-radius: 50%;
animation: seals-spin 1s linear infinite;
z-index: 2;
}
@keyframes seals-spin {
to { transform: rotate(360deg);}
}