chore: update animation curves and duration

This commit is contained in:
radishzzz 2025-05-17 16:20:56 +01:00
parent 8d6a7154c3
commit d4ea4c470b

View file

@ -30,7 +30,7 @@ h4:hover .heading-anchor-link svg {
--at-apply: 'op-80'; --at-apply: 'op-80';
} }
.heading-anchor-link svg { .heading-anchor-link svg {
--at-apply: 'ml-0.4em aspect-square w-0.9em op-0 transition-opacity duration-300 ease-out active:scale-90'; --at-apply: 'ml-0.4em aspect-square w-0.9em op-0 transition-opacity active:scale-90';
} }
h1:hover .heading-anchor-link svg:hover, h1:hover .heading-anchor-link svg:hover,
h2:hover .heading-anchor-link svg:hover, h2:hover .heading-anchor-link svg:hover,
@ -53,7 +53,7 @@ h4:hover .heading-anchor-link svg:hover {
--at-apply: 'origin-bottom-left scale-x-100'; --at-apply: 'origin-bottom-left scale-x-100';
} }
.highlight-hover::after { .highlight-hover::after {
--at-apply: 'origin-bottom-right scale-x-0 transition-transform'; --at-apply: 'origin-bottom-right scale-x-0 transition-transform duration-150 ease-out lg:duration-300';
} }
/* Fix Position Issue on iOS */ /* Fix Position Issue on iOS */
@supports (-webkit-touch-callout: none) { @supports (-webkit-touch-callout: none) {