Een tijdje geleden heb ik wat research gedaan of een soort van gaussian blur background mogelijk is met CSS. Ik ben hier op een gegeven moment mee gestopt omdat dit een soort project was voor een goede bekende van mij en dit project waarschijnlijk niet meer door gaat. Toch wil ik weten of het iemand anders hier wel is gelukt met alleen CSS, en zo ja, hoe ?
Dit is wat ik wil bereiken:
Dit is wat ik er uiteindelijk maar van gemaakt heb:
het gaat dan ook om de witte balk. Het is mij op een gegeven moment wel gelukt om deze balk een beetje blurry te maken doormiddel van CSS maar op de manier die ik toen gebruikte (die ik onderhand al niet eens meer weet) waren de hoeken niet blurry en werd de content in de balk ook blurry.
Het effect wat ik wil nabootsen komt van de overlay van iOs control center, welke je krijgt te zien als je van onder naar boven swiped.
Voorbeeld:
TL;DR
Wanneer je kijkt naar de afbeeldingen hierboven ben ik nieuwsgierig hoe je een gaussian blur effect kunt creëren (het liefst alleen met CSS(3)) op een background (met opacity natuurlijk).
