Question

在这里学习代码的UX设计师，请原谅我的无知和草率的代码。

我有一个英雄形象，我有一个CSS动画类型，我放在它上面。该类型阻止了英雄形象的视图。不知道为什么。我已经浏览了CSS并删除了可能干扰的任何颜色或背景信息。通过选择性地评论类，我想我已经确定“链接”类是问题，但看着它的CSS，我不明白为什么。

英雄形象也有应用JS的东西，但我不认为这是根本原因或干扰任何真实的方式。

项目的JSFiddle可以在这里找到：http://jsfiddle.net/thedonquixotic/8vv7t1as/

HTML的相关部分是：

<!--Hero image with tilt effect-->

<div class="hero">
     <div class="grid__item">
    <a class="link link--kumya" href="About.html"><span data-letters="David French">David French</span></a>
            </div>

        <div class="hero__imgwrap">
            <img class="hero__img tilt-effect" data-tilt-options='{ "opacity" : 0.3, "extraImgs" : 3, "movement": { "perspective" : 1700, "translateX" : -7, "translateY" : -7, "rotateX" : -7, "rotateY" : -7 } }' src="images/welcome.jpg" alt="Welcome!" />
        </div>
</div>
<!--Hero image with tilt effect-->

CSS动画类型阻止了Hero Image

0 个答案: