15 lines
401 B
CSS
15 lines
401 B
CSS
|
@layer components {
|
||
|
|
.zoom-in {
|
||
|
|
transition-property: transform, box-shadow;
|
||
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition-duration: 150ms;
|
||
|
|
transition-duration: 300ms;
|
||
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
cursor: pointer;
|
||
|
|
&:hover {
|
||
|
|
transform: scale(theme("scale.105"));
|
||
|
|
box-shadow: theme("boxShadow.xl");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|