如何使用uikit框架在滚动对象上反转模糊效果

时间:2018-06-22 07:37:38

标签: html css uikit css-frameworks

我找不到解决方案。我希望我的对象(主要是图像)具有模糊效果,当我在它们上滚动时,模糊效果消失或禁用或类似的东西。 当您在对象上滚动时,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>

0 个答案:

没有答案