Refactor code structure for improved readability and maintainability
This commit is contained in:
parent
afbf913aec
commit
3c600c06f9
11 changed files with 47 additions and 130 deletions
|
|
@ -164,3 +164,22 @@
|
|||
"Segoe UI Symbol", sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.image-scale {
|
||||
transition-property:scale,border-radius box-shadow;
|
||||
transition-duration:.7s;
|
||||
transition-timing-function:var(--ease-out-expo)
|
||||
}
|
||||
@media (hover:hover) {
|
||||
.image-scale:hover {
|
||||
--tw-scale-x:105%;
|
||||
--tw-scale-y:105%;
|
||||
--tw-scale-z:105%;
|
||||
scale:var(--tw-scale-x)var(--tw-scale-y);
|
||||
border-radius:var(--radius-lg)
|
||||
}
|
||||
}
|
||||
.image-scale:hover {
|
||||
z-index:10;
|
||||
box-shadow:0 15px 45px #0006
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue