Exploring WINTO White-Label Online Gaming
* {
overflow: hidden;
}
html {
height: 100%;
}
body {
font-family: ‘Kode Mono’, sans-serif;
color: #9c9c9c;
margin: 0;
}
button {
background-color: transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
color: #fff;
font-family: ‘Kode Mono’, sans-serif;
font-size: 2vmin;
text-decoration: none;
}
video#back {
position: fixed;
top: 50%;
left: 50%;
min-width: 105%;
min-height: 105%;
transform: translateX(-50%) translateY(-50%) rotate(5deg);
width: auto;
height: auto;
z-index: -1;
animation: degis 5s alternate infinite;
display: inline-block;
}
#main {
position: fixed;
top: 0;
left: 0;
display: table;
width: 100%;
height: 100vh;
text-align: center;
}
.fof {
display: table-cell;
vertical-align: middle;
}
.fof h1 {
font-size: 5vmin;
color: #d11313;
margin: 0;
animation: type .5s alternate infinite;
}
h2 {
color: #fff;
font-size: 2vmin;
margin: 0 0 5px 0;
}
/* Yuvarlak, ortalanmış ve animasyonlu resim */
.centered-image {
display: block;
margin: 10px auto 0;
width: 65px;
height: 65px;
border-radius: 50%;
animation: rotateImage 10s linear infinite; /* Animasyonu ekledik */
}
/* Dönme animasyonu */
@keyframes rotateImage {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
var video = $(‘video’);
(function ($) {
$(document).ready(function () {
var figure = $(“.fof”).hover(hoverVideo);
var figureq = $(“body”).hover(hoverVideo);
var figures = $(“#main”).hover(hoverVideo);
var figurep = $(“*”).hover(hoverVideo);
function hoverVideo(e) {
setTimeout(function () {
$(‘video’).get(0).play();
console.log(‘played’);
}, 30000);
};
});
})(jQuery);
function unmuteee() {
$(“video”).prop(‘muted’, false);
}