diff --git a/100_projects/87-video-game-valorant/index.html b/100_projects/87-video-game-valorant/index.html new file mode 100644 index 0000000..56dc6ae --- /dev/null +++ b/100_projects/87-video-game-valorant/index.html @@ -0,0 +1,20 @@ + + + + + + document + + + +
+ +
+
+

5v5 لعبة تصويب تكتيكي تعتمد على الشخصيات بنمط

+ + العب مجانًا +
+
+ + \ No newline at end of file diff --git a/100_projects/87-video-game-valorant/style.css b/100_projects/87-video-game-valorant/style.css new file mode 100644 index 0000000..da5717b --- /dev/null +++ b/100_projects/87-video-game-valorant/style.css @@ -0,0 +1,103 @@ +*{ + margin: 0; + padding: 0; + font-family: "Open Sans"; + text-decoration: none; +} +.full-screen{ + width: 100%; + height: 100vh; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} +.full-screen::before{ + content: ''; + position: absolute; + top: 0; + left: 100px; + width: 1px; + height: 100%; + background-color: hsla(38,22%,90%,.5); +} +.full-screen::after{ + content: ''; + position: absolute; + top: 0; + right: 33%; + width: 1px; + height: 100%; + background-color: hsla(38,22%,90%,.5); +} +.full-screen .line{ + position: absolute; + top: 0; + right: 100px; + width: 1px; + height: 100%; + background-color: hsla(38,22%,90%,.5); +} +.full-screen video{ + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; +} +.content p{ + font-family: HelveticaNeueLTWArabic-Bold,DINNextW05-Bold,arial,georgia,sans-serif; + text-align: center; + text-shadow: 0 0 .75em rgba(0,0,0,.5); + font-size: 18px; + font-weight: 600; + color: #ECE8E1; + margin-bottom: 15px; +} +.content img{ + max-width: 100%; +} +.content a{ + display: block; + margin: 50px auto; + width: 250px; + height: 65px; + line-height: 65px; + background: #ff4655; + text-align: center; + color: #ececec; + text-transform: uppercase; + font-weight: 500; + transition: .4s linear; + font-size: 16px; + font-weight: 600; + position: relative; + z-index: 9; +} +.content a::before{ + content: ''; + width: 0; + height: 100%; + background: #0f1923; + position: absolute; + right: 0; + transition: .5s; + z-index: -1; +} +.content a:hover::before{ + width: 100%; +} +.content a::after{ + content: ''; + width: 100%; + height: 100%; + background: transparent; + position: absolute; + top: -6px; + left: -6px; + border: 1px solid hsla(38,22%,90%,.5); + padding: 5px; +} \ No newline at end of file diff --git a/100_projects/87-video-game-valorant/valorant.mp4 b/100_projects/87-video-game-valorant/valorant.mp4 new file mode 100644 index 0000000..33e3c03 Binary files /dev/null and b/100_projects/87-video-game-valorant/valorant.mp4 differ diff --git a/100_projects/87-video-game-valorant/valorant.png b/100_projects/87-video-game-valorant/valorant.png new file mode 100644 index 0000000..5a22113 Binary files /dev/null and b/100_projects/87-video-game-valorant/valorant.png differ