Beste,
Is het mogelijk om een achtergrond te vervagen via een code?
Voorbeeld de icloud site van Apple.
Gr. Jop
838 views
Ik weet wel dat er een blur-filter in CSS bestaat, maar deze werkt alleen in Chrome.
Ik raad aan om het effect met Photoshop of een ander fotobewerkignsprogramma na te maken.
Ik raad aan om het effect met Photoshop of een ander fotobewerkignsprogramma na te maken.
<button onclick="fade();">Fade</button>
<div id="X">Tekst en plaatje.<img src='/plaatje.jpeg' /></div>
<script>
tel = 1;
function fade()
{ XX = setInterval(function(){
document.getElementById('X').style.opacity = tel;
tel=tel-0.1;
if(tel < 0)
{ clearInterval(XX);
}
},50);
}
</script>
Die code is anders.
Faden is iets anders dan blurren ;-)
Wat scheelt het?
Met blurren verandert de focus van de 'lens', waarop iets onscherp wordt. Met opacity wat bij faden wordt gebruikt, bepaal je alleen maar het contrast.
En wat doet mijn scriptje dan? Faden of Blurren?
Het effect waar naar verwezen wordt is meer een blur dan een fade.
https://www.icloud.com/
Je mist scherpte-diepte.
https://www.icloud.com/
Je mist scherpte-diepte.