yulia.polushvayko/website.renderline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Заменила видео и добавила эффект.

Browse Source
This commit is contained in:
Yulia Polushvayko
2025-06-06 17:44:34 +03:00
parent 3d94a34c50
commit d4a78b673e
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
product.html
View File

@ -88,7 +88,7 @@
</div> </div>
<div class="product-video"> <div class="product-video">
<video autoplay loop muted height="100%" width="100%" src="source/Video/Video_Engine.mov" class="product-engine" ></video> <video autoplay loop muted playsinline height="100%" width="100%" src="source/Video/Video_Engine.mp4" class="product-engine" ></video>
</div> </div>
</div> </div>

BIN
source/Video/Video_Engine.mov
View File

Binary file not shown.

BIN
source/Video/Video_Engine.mp4 Normal file
View File

Binary file not shown.

19
source/styles/style.css
View File

@ -176,9 +176,9 @@ img {
font-weight: var(--font-semi-bold); font-weight: var(--font-semi-bold);
} }
.nav-button:hover { /* .nav-button:hover {
background: radial-gradient(#373737 0%, #00000000 100%); background: radial-gradient(#373737 0%, #00000000 100%);
} } */
.nav-close { .nav-close {
position: absolute; position: absolute;
@ -250,9 +250,9 @@ img {
inset 0 4px 8px hsla(0, 0%, 44%, 0.4); inset 0 4px 8px hsla(0, 0%, 44%, 0.4);
} }
.home-button:hover { /* .home-button:hover {
background: radial-gradient(#373737 0%, #00000000 100%); background: radial-gradient(#373737 0%, #00000000 100%);
} } */
.dowload-button { .dowload-button {
display: inline-block; display: inline-block;
@ -265,9 +265,9 @@ img {
inset 0 4px 8px hsla(0, 0%, 44%, 0.4); inset 0 4px 8px hsla(0, 0%, 44%, 0.4);
} }
.dowload-button:hover { /* .dowload-button:hover {
background: radial-gradient(#373737 0%, #00000000 100%); background: radial-gradient(#373737 0%, #00000000 100%);
} } */
.home-images { .home-images {
position: relative; position: relative;
@ -280,6 +280,8 @@ img {
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
filter: drop-shadow(0px 0px 20px hsla(0, 0%, 32%, 0.3));
} }
.product-engine { .product-engine {
@ -319,7 +321,7 @@ img {
.footer { .footer {
display: block; display: block;
margin-inline: 3rem; margin-inline: 2rem;
border-top: .2px solid var(--text-color); border-top: .2px solid var(--text-color);
} }
@ -336,7 +338,7 @@ img {
.footer-list { .footer-list {
display: flex; display: flex;
align-items: center; align-items: center;
column-gap: 4.5rem; column-gap: 1rem;
padding: 1.5rem; padding: 1.5rem;
color: var(--title-color); color: var(--title-color);
font-size: var(--small-font-size); font-size: var(--small-font-size);
@ -437,7 +439,6 @@ img {
} }
} }
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
.home-container { .home-container {
grid-template-columns: 400px; grid-template-columns: 400px;