| Server IP : 122.155.17.190 / Your IP : 3.144.137.236 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/domains/bungkla.go.th/public_html/css/ |
Upload File : |
* {box-sizing: border-box}
/* Container needed to position the overlay. Adjust the width as needed */
.container {
position: relative;
width: 100%;
max-width: 320px;
}
/* Make the image to responsive */
.image {
display: block;
width: auto;
height: auto;
}
/* The overlay effect - lays on top of the container and over the image */
.overlay {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5); /* Black see-through */
color: #f1f1f1;
width: 100%;
transition: .5s ease;
opacity:0;
color: white;
font-size: 16px;
padding: 10px;
text-align: center;
}
/* When you mouse over the container, fade in the overlay title */
.container:hover .overlay {
opacity: 1;
}/* CSS Document */