philip-cat/healthy_oil
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

advantages added animation

Browse Source
This commit is contained in:
philipcheung
2025-11-02 15:00:14 +08:00
parent 3cdcb28829
commit c4181b48b1
3 changed files with 65 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/new_ui/hero2.tsx
View File

@@ -16,7 +16,7 @@ function Hero2() {
<Box
position="relative"
w="100%"
minH={{ base: "115vw", sm: "105vw", md: "90vw", lg: "73vw", xl: "65vw" }}
minH={{ base: "115vw", sm: "115vw", md: "90vw", lg: "73vw", xl: "65vw" }}
bgImage={"url('/images/new/hero2bg.webp')"}
bgSize="cover"
backgroundPosition="center"
@@ -52,7 +52,7 @@ function Hero2() {
src="/images/new/oil.webp"
zIndex={0}
position={'absolute'}
bottom={{ base: -10, sm: -20, md: -20, lg: -20, xl: -20 }}
bottom={{ base: -10, sm: -10, md: -20, lg: -20, xl: -20 }}
w={{ base: "80vw", sm: "70vw", md: "60vw", lg: "50vw", xl: "40vw" }}
initial={{ opacity: 0, y: 50 }}
whileInView={{ opacity: 1, y: 0 }}