Remove rotation animations from circular buttons on hover
Build And Push Image / docker (push) Successful in 1m54s
Details
Build And Push Image / docker (push) Successful in 1m54s
Details
- Removed rotate(5deg) from icon buttons hover state - Removed rotate(5deg) from FAB buttons hover state - Removed icon-hover-rotate mixin from nav items - Keep scale animations but remove tilt/rotation effects Buttons now scale without rotating for cleaner interaction
This commit is contained in:
parent
363d3367fc
commit
a85be39ffa
|
|
@ -719,7 +719,7 @@ $ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|||
|
||||
&:hover:not(:disabled) {
|
||||
@include glass-colored($monaco-red-600, 0.1, 10px);
|
||||
transform: rotate(5deg) scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -730,7 +730,7 @@ $ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|||
box-shadow: $shadow-monaco;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
transform: translateY(-3px) rotate(5deg);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: $shadow-monaco-intense;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -355,7 +355,6 @@ watch(width, (newWidth) => {
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
@include ripple-effect();
|
||||
@include icon-hover-rotate(10deg);
|
||||
|
||||
&:hover {
|
||||
background: linear-gradient(135deg,
|
||||
|
|
|
|||
Loading…
Reference in New Issue