Согласовать рыбок и камень с нерпой

This commit is contained in:
2026-09-19 16:42:17 +08:00
parent 2f3fd5975f
commit 54afe79d57
2 changed files with 21 additions and 4 deletions
+2 -2
View File
@@ -38,8 +38,8 @@
</style> </style>
<!-- Неподвижный камень и контактная тень удерживают нерпу на поверхности. --> <!-- Неподвижный камень и контактная тень удерживают нерпу на поверхности. -->
<ellipse cx="163" cy="234" rx="136" ry="9" fill="#092335" opacity=".25"/> <ellipse cx="163" cy="234" rx="136" ry="9" fill="#092335" opacity=".25"/>
<path d="m18 217 15-28 35-10 42 5 49-12 40 7 54 3 27 12 27 30-29 14-63 2-50-5-58 6-55-8Z" fill="url(#rock)" stroke="#d8ad63" stroke-width="1.5"/> <path d="m3 218 18-29 47-10 42 5 49-12 40 7 54 3 32 12 30 30-32 15-68 2-50-5-58 6-55-8Z" fill="url(#rock)" stroke="#d8ad63" stroke-width="1.5"/>
<path d="m33 189 35-10 42 5 49-12 40 7 54 3-28 14-68 7-56-6-48 9Z" fill="#c8d5cc" opacity=".28"/> <path d="m21 189 47-10 42 5 49-12 40 7 54 3-28 14-68 7-56-6-60 10Z" fill="#c8d5cc" opacity=".28"/>
<path d="m18 217 35-11 48-9-18 24-41 12Zm139-14 68-7 55-2-27 21-68 9Zm96 12 54 9-29 14-63 2Z" fill="#143b59" opacity=".55"/> <path d="m18 217 35-11 48-9-18 24-41 12Zm139-14 68-7 55-2-27 21-68 9Zm96 12 54 9-29 14-63 2Z" fill="#143b59" opacity=".55"/>
<path d="m68 185 20 9 13 3-18 24m74-18 11 13-8 13m57-40-10 9m53 16 12 6" stroke="#9ac2c1" stroke-width="1.4" stroke-linecap="round" opacity=".65"/> <path d="m68 185 20 9 13 3-18 24m74-18 11 13-8 13m57-40-10 9m53 16 12 6" stroke="#9ac2c1" stroke-width="1.4" stroke-linecap="round" opacity=".65"/>
<path d="m45 210 23-7m45 21 25-1m89-4 18-3m-129-29 20-5" stroke="#e7c77e" stroke-width="2" stroke-linecap="round" opacity=".65"/> <path d="m45 210 23-7m45 21 25-1m89-4 18-3m-129-29 20-5" stroke="#e7c77e" stroke-width="2" stroke-linecap="round" opacity=".65"/>

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

+19 -2
View File
@@ -3870,6 +3870,23 @@ html,body{
.baikal-header .water-animation-layer .fish-outline{ .baikal-header .water-animation-layer .fish-outline{
stroke:#d9aa66!important; stroke:#d9aa66!important;
stroke-width:2.5!important; stroke-width:2.5!important;
fill:#2f7186!important;
}
.baikal-header .water-animation-layer .fish-tail{
fill:#1d4d6b!important;
stroke:#e0b66b!important;
}
.baikal-header .water-animation-layer .fish-fin{
fill:#67a0a8!important;
stroke:#e0b66b!important;
}
.baikal-header .water-animation-layer .free-fish svg g{
color:#e0b66b;
}
.baikal-header .water-animation-layer .free-fish svg circle{
fill:#f0e5d2!important;
stroke:#d8ad63!important;
stroke-width:1!important;
} }
.baikal-header .water-animation-layer .hero-bubbles{ .baikal-header .water-animation-layer .hero-bubbles{
display:block!important; display:block!important;
@@ -4130,7 +4147,7 @@ body.menu-open{overflow:hidden}
/* Самостоятельный SVG: старые стили плавающих нерп не влияют на рисунок. */ /* Самостоятельный SVG: старые стили плавающих нерп не влияют на рисунок. */
.baikal-header .hero-nerpa{ .baikal-header .hero-nerpa{
position:absolute; position:absolute;
right:8%; right:11%;
bottom:7%; bottom:7%;
display:block; display:block;
width:clamp(200px,19vw,290px); width:clamp(200px,19vw,290px);
@@ -4140,7 +4157,7 @@ body.menu-open{overflow:hidden}
} }
@media(max-width:620px){ @media(max-width:620px){
.baikal-header .hero-nerpa{ .baikal-header .hero-nerpa{
right:-1%; right:4%;
bottom:2%; bottom:2%;
width:clamp(132px,38vw,175px); width:clamp(132px,38vw,175px);
} }