diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 21:49:27 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 21:49:27 +0800 |
| commit | 4d0c59649e87f6d75ddfcda7a64056d04c950694 (patch) | |
| tree | f692917f0c2d5ecb36779dc9b8f293893cfacc0a /packages/website/ts | |
| parent | a1737f8d936e39861732751d7ea08dfa8122e2e4 (diff) | |
| download | dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.gz dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.tar.zst dexon-sol-tools-4d0c59649e87f6d75ddfcda7a64056d04c950694.zip | |
Add smoother transitions on slider
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/@next/components/slider/slider.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx index 96d3960a3..bf1edf039 100644 --- a/packages/website/ts/@next/components/slider/slider.tsx +++ b/packages/website/ts/@next/components/slider/slider.tsx @@ -87,7 +87,7 @@ const StyledSlider = styled.div` top: calc(50% - 37px); border: 0; padding: 0; - transition: background-color .30s ease-in-out; + transition: background-color .40s ease-in-out, visibility .40s ease-in-out, opacity .40s ease-in-out; &:disabled { opacity: 0; @@ -130,6 +130,7 @@ const StyledSlide = styled.div` height: 520px; flex: 0 0 auto; opacity: 0.3; + transition: opacity .40s ease-in-out; @media (max-width: 500px) { width: calc(100vw - 10px - 32px); |