function toggleFullScreen() {
if (!document.webkitFullscreenElement) {
document.documentElement.webkitRequestFullscreen();
} else {
document.webkitExitFullscreen();
}
}
//т.е. во врейме тогда
$(document).ready(function(){
document.documentElement.webkitRequestFullscreen();
});
#popup__toggle span{display:none;}
#popup__toggle:hover span{display:block;text-align:center;}
#popup__toggle:hover .img-circleblock{display:none;}
<a href="https://www.facebook.com/Marzoni-Immobiliare-719631454905005/" target="_blank" id="popup__toggle">
<div class="circlephone" style="transform-origin: center;"></div>
<div class="circle-fill" style="transform-origin: center;"></div>
<div class="img-circle" style="transform-origin: center;">
<span>Text</span>
<div class="img-circleblock" style="transform-origin: center;"></div>
</div>
</a>
$chk = "";
if($show) $chk = "checked";
<input type="radio" name="menu-state" id="hidden" <?= $chk?> />
<div class='slide-container'>
<div class='slider'></div>
</div>
.parent {
position: relative;
height: 200px;
background: #008000;
}
.wrapper {
position: relative;
display: inline-block;
text-align:center;
height: auto;
left: 50%;
top: 50%;
max-width: 50%;
transform: translateX(-50%) translateY(-50%);
background: #00f;
}
.child {
display: block;
background: rgba(255, 255, 255, 0.44);
width:auto;
}
#oval {
width: 90vw;
height: 90vh;
background: -moz-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(193,193,193,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(193,193,193,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#00ffffff',GradientType=0 );
border-radius: 40% 40% 0 0;
}