Blur toevoegen op een foto

Laatste update: 07/02/2021
17:59
De ervaring als: Editor
Met: Een afbeelding

Leestijd: < 1 minuut

Is het mogelijk om in preview een foto te blurren? Of moet het op een andere manier?

Geen idee, maar ik heb het al een soort van opgelost:

Niet echt leesbaar, maar ook niet echt hoe ik het voor ogen had. Laat ik het even Googelen.

Zo is het wel beter, maar het is nog niet helemaal de manier waarop je het zou willen doen.

Ik heb nu via Skitch geblured.

Met dit als resultaat

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Blur toevoegen op een foto

Ontdek de ervaring

Long Read

Devoked