From 6e322bd4348befd29465a4edff2a788c01f8068c Mon Sep 17 00:00:00 2001 From: subsub8729 Date: Thu, 29 Sep 2022 18:00:53 +0900 Subject: [PATCH] =?UTF-8?q?2022/09/29=20=EC=B2=B4=ED=97=98=ED=95=98?= =?UTF-8?q?=EA=B8=B0=20=EB=A9=94=EC=9D=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/kccadrPb/tutorial/css/tutorial.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/main/webapp/kccadrPb/tutorial/css/tutorial.css b/src/main/webapp/kccadrPb/tutorial/css/tutorial.css index f7d3c6e4..dfb3b8d3 100644 --- a/src/main/webapp/kccadrPb/tutorial/css/tutorial.css +++ b/src/main/webapp/kccadrPb/tutorial/css/tutorial.css @@ -1,4 +1,8 @@ body{position: relative; width: 100%; height: 100%;} .tutorial{width: 100%; height: 100%; overflow-x: hidden;} -.mask{position: absolute; display: flex; width: 100%; height: 100%; left: 0; top: 0;} -.left_mask,.right_mask{width: 50%; height: 100%; background-color: transparent;} \ No newline at end of file +.tutorial img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);} +.mask{position: fixed; display: flex; width: 100%; height: 100%; left: 0; top: 0; z-index: 5;} +.left_mask,.right_mask{width: 50%; height: 100%; background-color: transparent;} +@media all and (max-width: 1800px){ + .tutorial img{width: 100%; min-width: 1680px;} +} \ No newline at end of file