Remove floating animation, keep 3D tilt
This commit is contained in:
1 parent
835050e055
commit
3152778266
1 file changed
-5
@@ -275,16 +275,11 @@ h1 {
|
|||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
background: var(--surface);
|
background: var(--surface);
|
||||||
position: relative;
|
position: relative;
|
||||||
animation: dashFloat 6s ease-in-out infinite;
|
|
||||||
box-shadow: var(--dash-shadow);
|
box-shadow: var(--dash-shadow);
|
||||||
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), transform 0.1s;
|
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), transform 0.1s;
|
||||||
transform-style: preserve-3d;
|
transform-style: preserve-3d;
|
||||||
perspective: 1000px;
|
perspective: 1000px;
|
||||||
}
|
}
|
||||||
@keyframes dashFloat {
|
|
||||||
0%, 100% { transform: translateY(0); }
|
|
||||||
50% { transform: translateY(-6px); }
|
|
||||||
}
|
|
||||||
.hero-right.tilt-active {
|
.hero-right.tilt-active {
|
||||||
animation: none;
|
animation: none;
|
||||||
transition: transform 0.15s var(--ease-out), box-shadow 0.3s var(--ease-out);
|
transition: transform 0.15s var(--ease-out), box-shadow 0.3s var(--ease-out);
|
||||||
|
|||||||
Reference in new issue
Block a user