|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/laciasmara.com/public_html/shop/application/modules/blog/views/3/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.floating-btn1 {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #3498db;
color: white;
border: none;
padding: 15px 10px;
cursor: pointer;
display: flex;
align-items: center;
transition: transform 1s ease-in-out;
z-index: 999999;
}
.floating-btn1:hover {
background-color: #2980b9;
transform: translateY(-50%) translateX(0);
/* Kembalikan tombol ke posisi semula saat hover */
}
.hide-btn {
transform: translateY(-50%) translateX(-85px);
/* Geser tombol ke kiri */
}
</style>
<title>Floating Button</title>
</head>
<body>
<a href="https://www.laciasmara.com/shop/page/guidelines">
<button class="floating-btn1" id="floating-btn1">
<span class="text">Guidelines <i class="fas fa-chevron-right"></i></span>
</button>
</a>
<script>
setTimeout(function() {
document.getElementById('floating-btn1').classList.add('hide-btn');
}, 5000);
</script>
</body>
</html>