按鈕'彈出'

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提供的鏈接，那麼回事。