File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/thegoldenhousejsm.com/style.css
Back
.slider-container { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; height: 100vh; width: 100vw; } .slider-container h1 { color: #fff; font-size: 100px; letter-spacing: 5px; position: relative; z-index: 100; text-align: center; } .slider-container::after { background-color: #000; content: ''; position: absolute; opacity: 0.3; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .slide { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; transform: scale(1.15); transition: opacity .6s ease; } .slide.active { animation: grow 4s linear forwards; opacity: 1; } @keyframes grow { 0%, 20% { transform: scale(1); } 75%, 100% { transform: scale(1.15); } } /*.controls-container { position: absolute; top: 50%; right: 10px; display: flex; flex-direction: column; transform: translateY(-50%); z-index: 2; }*/ .controls-container { position: absolute; top: 80%; right: 10px; display: flex; flex-direction: ROW; transform: translateX(-35%); z-index: 2; } .control { background-color: #fff; cursor: pointer; opacity: 0.5; margin: 6px; height: 15px; width: 5px; transition: opacity 0.3s, background-color 0.3s, transform 0.3s; } .control.active, .control:hover { background-color: #fff; opacity: 1; transform: scale(1.2); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings