Lottie file opmaken

Laatste update: 20/02/2021
16:26
De ervaring als: Gebruiker
Met: LottieFiles

Leestijd: < 1 minuut

Vanuit Lottie Files ga ik proberen in de huisstijl kleuren van Devoked een Lottie File te maken.

Ik gebruik deze Lottie:

Alles wat nu paars is ga ik Rood/Roze maken.

Nou dat is best gelukt, hieronder de foto’s:

Nu rest mij de vraag hoe moeilijk het is om Lottie Files zelf te maken.

Ik heb nu een redelijk grote Lottie File die ik heel erg tof vind. Ik moet hem alleen nog laten herhalen.

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>

Lottie file opmaken

Ontdek de ervaring

Long Read

Devoked