按钮'弹出'

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; 
} 

只需卸下：悬停和：活性部分。

我发现它通过右键单击按钮，检查和类是home-slider-btn heading-left和home-slider-btn似乎最有可能通过在样式窗口，在这里我搜索类我去the css file提供的链接，那么回事。