Skip to content

sreyounpann/HappyAnniversaryFlower

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sunflower Animation

This project showcases an elegant sunflower animation crafted using HTML, SCSS, and JavaScript.

Table of Contents

Getting Started

Prerequisites

Ensure you have the following prerequisites installed before starting:

Installation Guide

  1. Clone the Repository:
    git clone https://github.com/sreyounpann/HappyAnniversaryFlower.git
    
  2. Navigate to the project directory.
    cd sunflower-animation
    
  3. Install the required dependencies.
    npm install

Running the SCSS File

 To compile the SCSS file to CSS, follow these steps.
  1. Open a terminal in the project directory.
  2. Run the following command:
    npm run sass
    

This will use the "Live Sass Compiler" configured in the project to watch for changes in the SCSS file and compile it to CSS.

3.Live Compilation: Any changes made to the SCSS file will be automatically compiled to CSS.

Note: Ensure you have Node.js and npm installed before running the commands above.

If you haven't installed "Live Sass Compiler" in your code editor, please install it to enable live compilation of SCSS to CSS.

For more information on installing Node.js and npm, visit Node.js Downloads.

Screenshots

Screenshot 2023-11-14 132825

Screenshot 2023-11-14 132856

Questions and Support

If you have any questions or encounter issues, feel free to reach out to me on Instagram yeowdoingood. Feel free to copy and paste this into your README file!

About

This Sunflower Project with animation for click more to see more flower pop up

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published