Skip to content

Commit b805bbd

Browse files
committed
Rotate video 90 degrees clockwise in portrait mode
1 parent 8c878e5 commit b805bbd

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

css/main.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,3 +135,16 @@ a {
135135
opacity: 1; /* Increase this so video is more visible */
136136
}
137137

138+
/* Rotate video 90 degrees clockwise in portrait mode */
139+
@media (orientation: portrait) {
140+
.video-background {
141+
transform: rotate(90deg);
142+
width: 100vh;
143+
height: 100vw;
144+
top: 50%;
145+
left: 50%;
146+
margin-left: -50vh;
147+
margin-top: -50vw;
148+
}
149+
}
150+

0 commit comments

Comments
 (0)