From e64ca89c1c2d239ffda3b145380c0ddd42ad1eb9 Mon Sep 17 00:00:00 2001 From: chintansood Date: Sun, 19 Oct 2025 21:07:25 +0530 Subject: [PATCH 1/2] Create above.html --- above.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 above.html diff --git a/above.html b/above.html new file mode 100644 index 00000000..83d26514 --- /dev/null +++ b/above.html @@ -0,0 +1,27 @@ + + + + + + Fancy Button + + + + + + From ebc2eb47472c6b6123a93b563516eee2beba8f5a Mon Sep 17 00:00:00 2001 From: chintansood Date: Tue, 21 Oct 2025 02:07:51 +0530 Subject: [PATCH 2/2] Added hover animation for Hacktoberfest contribution --- src/components/HeroSection.jsx | 19 +++++++++++++------ tailwind.config.js | 13 ++++++++++++- 2 files changed, 25 insertions(+), 7 deletions(-) diff --git a/src/components/HeroSection.jsx b/src/components/HeroSection.jsx index 9835860e..65d8507a 100644 --- a/src/components/HeroSection.jsx +++ b/src/components/HeroSection.jsx @@ -48,18 +48,25 @@ function HeroSection() { {slides.map((slide, index) => (
{slide.alt} + src={slide.image} + alt={slide.alt} + className="w-full h-auto block transform transition-transform duration-500 hover:scale-105" + tabIndex={-1} +/> + {slide.buttonLabel} +
))} diff --git a/tailwind.config.js b/tailwind.config.js index f11d1e5f..dbb869d7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,7 +5,18 @@ export default { "./src/**/*.{js,jsx,ts,tsx}" ], theme: { - extend: {}, + extend: { + keyframes: { + fadeIn: { + '0%': { opacity: '0', transform: 'translateY(10px)' }, + '100%': { opacity: '1', transform: 'translateY(0)' }, + }, + }, + animation: { + fadeIn: 'fadeIn 0.8s ease-out forwards', + }, + }, }, plugins: [], }; +