%PDF-1.5 % ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY
Server IP : 122.155.17.190 / Your IP : 18.217.52.224 Web Server : Apache/2 System : Linux cat17190.thaihostserver.com 5.10.0-21-amd64 #1 SMP Debian 5.10.162-1 (2023-01-21) x86_64 User : bungkla ( 1054) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bungkla/public_html/css/ |
Upload File : |
body{ margin: 0; padding: 0; height: 95vh; display: flex; justify-content: center; align-items: center; /*background: #23E3C9;*/ } .slider{ width: 550px; height: autopx; border-radius: 10px; overflow: hidden; } .slides{ width: 500%; height: 800px; display: flex; } .slides input{ display: none; } .slide{ width: 20%; transition: 2s; } .slide img{ width: 550px; height: 700px; } /*css for manual slide navigation*/ .navigation-manual{ position: absolute; width: 550px; margin-top: -40px; display: flex; justify-content: center; } .manual-btn{ border: 2px solid #40D3DC; padding: 5px; border-radius: 10px; cursor: pointer; transition: 1s; } .manual-btn:not(:last-child){ margin-right: 40px; } .manual-btn:hover{ background: #40D3DC; } #radio1:checked ~ .first{ margin-left: 0; } #radio2:checked ~ .first{ margin-left: -20%; } #radio3:checked ~ .first{ margin-left: -40%; } #radio4:checked ~ .first{ margin-left: -60%; } #radio5:checked ~ .first{ margin-left: -80%; } #radio6:checked ~ .first{ margin-left: -100%; } /*css for automatic navigation*/ .navigation-auto{ position: absolute; display: flex; width: 550px; justify-content: center; margin-top: 760px; } .navigation-auto div{ border: 2px solid #40D3DC; padding: 5px; border-radius: 10px; transition: 1s; } .navigation-auto div:not(:last-child){ margin-right: 40px; } #radio1:checked ~ .navigation-auto .auto-btn1{ background: #40D3DC; } #radio2:checked ~ .navigation-auto .auto-btn2{ background: #40D3DC; } #radio3:checked ~ .navigation-auto .auto-btn3{ background: #40D3DC; } #radio4:checked ~ .navigation-auto .auto-btn4{ background: #40D3DC; } #radio5:checked ~ .navigation-auto .auto-btn5{ background: #40D3DC; } #radio6:checked ~ .navigation-auto .auto-btn6{ background: #40D3DC; }