a::before {transform: rotateY(20deg)} /*трапеция*/
a::after{transform: rotate(45deg); border: 1px dotted #fff} /*стрелочка*/
Ну, естественно, их надо правильно расположить, задать нужные размеры и perspective самому элементу html {width: 100vw; height: 100vh; overflow: hidden}
body: {
width: 100vh; height: 100vw;
margin: 50vh auto; overflow: auto;
transform: translateY(-50%) rotate(90deg)
}
Если таки не понимает vw vh, то тогда надо в css везде на % поменять, а размеры для body задать скриптомdocument.body.style.height=window.innerWidth+'px';
document.body.style.width=window.innerHeight+'px';
element {какие-то стили}
element {transition: 1s}
body {background url(bg.png) center repeat}
#logo {position: absolute; left:0; top:0; right:0; bottom:0; margin:auto}
- должны, по идее, совпасть)) Ну, логотип через img вставить, или размеры задать .BG_submenu {opacity:0; visibility: hidden; transition: 0.3s linear}
.bg-menu-parent-item:hover .BG_submenu {opacity:1; visibility: visible}
Ой, там fadeIn(0) у вас.. Тогда transition и не нужен)