Question

我正在处理的网站有弹出滑块按钮，我不知道为什么。我知道它与变换相关：translateY属性，但是更改设置，查看论文 - 都没有任何结果（据我所知）。

在地球上如何保持关于在IE中翻译动画的跳出位置的按钮？

网站（供参考）https://fishfighterproducts.com 顶部的滑块（红色按钮）

Answer 1

按钮的样式是：

.home-intro-slider .home-slider-btn {
    font-size: 2.5vmin;
    background: linear-gradient( #c10000, #660000);
    color: white;
    text-shadow: -.2vmin -.1vmin black;
    text-transform: uppercase;
    display: block;
    clear: both;
    padding: 2% 10%;
    box-shadow: 0px .2vmin #330000 !important;
    border-bottom: .5vmin solid #330000 !important;
    border-right: .25vmin solid #330000 !important;
    border-top: none;
    border-left: none;
    border-radius: .5vmin;
    margin: 0px 5%;
    -webkit-transition: all 150ms ease-in-out !important;
    -ms-transition: all 150ms ease-in-out !important;
    transition: all 150ms ease-in-out !important;
}
.home-intro-slider .home-slider-btn:hover {
    box-shadow: 0px .1vmin #330000 !important;
    -webkit-transform: translateY(.2vmin);
    -ms-transform: translateY(.2vmin);
    transform: translateY(.2vmin);
    -webkit-transition: all 150ms ease-in-out !important;
    -ms-transition: all 150ms ease-in-out !important;
    transition: all 100ms ease-in-out;
}
.home-intro-slider .home-slider-btn:active {
    -webkit-transform: translateY(4px) !important;
    -ms-transform: translateY(4px) !important;
    transform: translateY(4px) !important;
    border-bottom: none !important;
    -webkit-transition: all 150ms ease-in-out !important;
    -ms-transition: all 150ms ease-in-out !important;
    transition: all 150ms ease-in-out !important;
}

只需删除：hover和：active parts。

我通过右键单击按钮进行检查找到它，类似home-slider-btn heading-left和home-slider-btn似乎最有可能通过样式窗口中提供的链接我去了the css file我在课堂上搜索过。

按钮＆＃39;弹出＆＃39;

1 个答案: