我找不到解决方案。我希望我的对象(主要是图像)具有模糊效果,当我在它们上滚动时,模糊效果消失或禁用或类似的东西。
当您在对象上滚动时,uikit uk-parallax="blur: 20"
中的命令会执行,例如,它将获得模糊效果。我希望它反转意味着当我在对象模糊效果上滚动时会禁用。我怎样才能做到这一点?
在CSS中,我可以执行style="filter: blur(10px)"
,但是uikit呢?
我的代码:
<div class="uk-height-large uk-background-cover uk-overflow-hidden uk-light uk-flex uk-flex-top" style="background-image: url('d.jpg')">
<div class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">
<h1 uk-parallax="opacity: 0,1,1; y: -100,0,0; x: 100,100,0; scale: 2,1,1; viewport: 0.5;">Headline</h1>
<p uk-parallax="opacity: 0,1,1; y: 100,0,0; x: -100,-100,0; scale: 0.5,1,1; viewport: 0.5;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
</div>
</div>