Only Gradients!
javascript:(function() {
function getRandomColor() {
return `hsl(${Math.random() * 360}, 70%, 60%)`;
}
document.querySelectorAll('*').forEach(element => {
if (element !== document.documentElement && element !== document.body) {
element.style.background = `linear-gradient(${Math.random() * 360}deg, ${getRandomColor()}, ${getRandomColor()})`;
element.style.backgroundSize = '400% 400%';
element.style.animation = 'gradientShift 10s ease infinite';
element.style.color = 'transparent';
if (element.tagName === 'IMG' || element.tagName === 'VIDEO') {
element.style.filter = 'opacity(0)';
}
}
});
if (!document.getElementById('gradient-animation')) {
const style = document.createElement('style');
style.id = 'gradient-animation';
style.innerHTML = `
@keyframes gradientShift {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
`;
document.head.appendChild(style);
}
})();
Drag this link to your bookmark bar:
onlygradients!