gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: make tooltip transition more bouncy

Browse Source
This commit is contained in:
dusk 2024-11-27 15:46:01 +03:00
parent 8f65cda3b9
commit e54b4912cf
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/tooltip.svelte
View File

@ -8,7 +8,7 @@
</script> </script>
<div class="group"> <div class="group">
<div class="absolute scale-0 transition-all [transition-duration:300ms] opacity-0 group-hover:scale-100 group-hover:opacity-100 {y} {x} {targetY} {targetX} transform-gpu"> <div class="absolute scale-0 transition-all [transition-timing-function:cubic-bezier(0.4,0,0.2,1.6)] [transition-duration:300ms] opacity-0 group-hover:scale-100 group-hover:opacity-100 {y} {x} {targetY} {targetX}">
<Window tooltip> <Window tooltip>
<slot name="tooltipContent">Hello world!</slot> <slot name="tooltipContent">Hello world!</slot>
</Window> </Window>