wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 22:24:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

landing: неоновая зелёная обводка карточек при наведении (glow #10B981)

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
wasrusgen 2026-06-03 20:36:27 +03:00
parent 0c2462eeb9
commit 31333e6b9d
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/consult_landing.html
View File

@ -124,7 +124,7 @@
background: var(--bg2); border: 1px solid var(--border); border-radius: 20px; background: var(--bg2); border: 1px solid var(--border); border-radius: 20px;
padding: 28px; transition: all .2s ease-in-out; padding: 28px; transition: all .2s ease-in-out;
} }
.feature-card:hover { background: #233148; border-color: #3E4D66; box-shadow: 0 16px 40px rgba(0,0,0,.28); } .feature-card:hover { background: #233148; border-color: #10B981; box-shadow: 0 0 0 1px #10B981, 0 0 18px rgba(16,185,129,.5), 0 0 44px rgba(16,185,129,.22), 0 16px 40px rgba(0,0,0,.28); }
.feature-icon { width: 48px; height: 48px; background: rgba(16,185,129,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; transition: transform .3s cubic-bezier(.2,.7,.3,1), background .3s, box-shadow .3s; } .feature-icon { width: 48px; height: 48px; background: rgba(16,185,129,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; transition: transform .3s cubic-bezier(.2,.7,.3,1), background .3s, box-shadow .3s; }
.feature-card:hover .feature-icon { transform: translateY(-2px) scale(1.08); background: rgba(16,185,129,0.18); box-shadow: 0 8px 22px rgba(16,185,129,.28); } .feature-card:hover .feature-icon { transform: translateY(-2px) scale(1.08); background: rgba(16,185,129,0.18); box-shadow: 0 8px 22px rgba(16,185,129,.28); }
.feature-card:hover .feature-icon svg { stroke: #10B981; } .feature-card:hover .feature-icon svg { stroke: #10B981; }
@ -222,7 +222,7 @@
/* Спокойный hover карточек (timeweb-style: осветление фона + мягкая тень) */ /* Спокойный hover карточек (timeweb-style: осветление фона + мягкая тень) */
.problem-card, .funnel-step, .demo-card { transition: all .2s ease-in-out; } .problem-card, .funnel-step, .demo-card { transition: all .2s ease-in-out; }
.problem-card:hover, .funnel-step:hover, .demo-card:hover { background: #233148; border-color: #3E4D66; box-shadow: 0 16px 40px rgba(0,0,0,.28); } .problem-card:hover, .funnel-step:hover, .demo-card:hover { background: #233148; border-color: #10B981; box-shadow: 0 0 0 1px #10B981, 0 0 18px rgba(16,185,129,.5), 0 0 44px rgba(16,185,129,.22), 0 16px 40px rgba(0,0,0,.28); }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; } .hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; }

4
docs/main.html
View File

@ -124,7 +124,7 @@
background: var(--bg2); border: 1px solid var(--border); border-radius: 20px; background: var(--bg2); border: 1px solid var(--border); border-radius: 20px;
padding: 28px; transition: all .2s ease-in-out; padding: 28px; transition: all .2s ease-in-out;
} }
.feature-card:hover { background: #233148; border-color: #3E4D66; box-shadow: 0 16px 40px rgba(0,0,0,.28); } .feature-card:hover { background: #233148; border-color: #10B981; box-shadow: 0 0 0 1px #10B981, 0 0 18px rgba(16,185,129,.5), 0 0 44px rgba(16,185,129,.22), 0 16px 40px rgba(0,0,0,.28); }
.feature-icon { width: 48px; height: 48px; background: rgba(16,185,129,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; transition: transform .3s cubic-bezier(.2,.7,.3,1), background .3s, box-shadow .3s; } .feature-icon { width: 48px; height: 48px; background: rgba(16,185,129,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; transition: transform .3s cubic-bezier(.2,.7,.3,1), background .3s, box-shadow .3s; }
.feature-card:hover .feature-icon { transform: translateY(-2px) scale(1.08); background: rgba(16,185,129,0.18); box-shadow: 0 8px 22px rgba(16,185,129,.28); } .feature-card:hover .feature-icon { transform: translateY(-2px) scale(1.08); background: rgba(16,185,129,0.18); box-shadow: 0 8px 22px rgba(16,185,129,.28); }
.feature-card:hover .feature-icon svg { stroke: #10B981; } .feature-card:hover .feature-icon svg { stroke: #10B981; }
@ -222,7 +222,7 @@
/* Спокойный hover карточек (timeweb-style: осветление фона + мягкая тень) */ /* Спокойный hover карточек (timeweb-style: осветление фона + мягкая тень) */
.problem-card, .funnel-step, .demo-card { transition: all .2s ease-in-out; } .problem-card, .funnel-step, .demo-card { transition: all .2s ease-in-out; }
.problem-card:hover, .funnel-step:hover, .demo-card:hover { background: #233148; border-color: #3E4D66; box-shadow: 0 16px 40px rgba(0,0,0,.28); } .problem-card:hover, .funnel-step:hover, .demo-card:hover { background: #233148; border-color: #10B981; box-shadow: 0 0 0 1px #10B981, 0 0 18px rgba(16,185,129,.5), 0 0 44px rgba(16,185,129,.22), 0 16px 40px rgba(0,0,0,.28); }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; } .hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; }