Limo
// .example { background: radial-gradient(circle at 50% 50%, #FDC100, #B1490B); } // .example::before { background: url(drops.jpg); mix-blend-mode: hard-light; } // .example::after { background: radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent), radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent), radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent), radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent), radial-gradient( circle, transparent, transparent 5px, rgba(255,255,255,0.1) 7px, rgba(255,255,255,0.1) 9px, transparent 9px, transparent), radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent), radial-gradient( circle, transparent, transparent 3px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.1) 7px, transparent 7px, transparent) ; background-size:200px 200px; background-position: 10px 20px, 40px 100px, 130px 140px, -80px 0px, -100px 0px, 30px 60px, 80px 60px; animation: drink 6s infinite linear; } // h1 { background:url(rauschen.png); mix-blend-mode: soft-light; } // @keyframes drink { to { background-position: 10px -180px, 40px -300px, 130px -60px, -80px -400px, -100px -800px, 30px -540px, 80px -540px } }