Skip to content

Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".

Notifications You must be signed in to change notification settings

Yashi-Singh-1/Day-21-Send-Mail

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Send Mail Challenge

Table of Contents

Challenge Description

Create a visually appealing and interactive animation for sending mail using HTML and CSS. This challenge enhances the user experience by providing a delightful animation when the user sends a request.

Introduction

The Send Mail challenge is part of the 100 Days CSS challenge series. It focuses on transforming a mundane task, such as sending a mail request, into a fun and engaging animation. This challenge will test and improve your CSS animation skills.

Features

  • Pure HTML and CSS implementation
  • Smooth and interactive animation
  • Responsive design
  • User-friendly interface

Purpose

The purpose of this challenge is to enhance the user experience by adding a visually appealing animation for sending mail. It demonstrates the power of CSS animations in creating engaging and interactive web elements.

Prerequisites

  • Basic knowledge of HTML and CSS
  • Understanding of CSS animations

File Structure

  Day-21-Send-Mail/
  ├── index.html
  ├── styles.css
  └── README.md
  

Tools

  • A code editor (e.g., VSCode)
  • A Web Browser (Any Web Browser)

Preview

Live Demo

Send Mail Animation

Contributing

  1. Fork the repository: Click the "Fork" button at the top right of the repository page to create a copy of this repository under your GitHub account.
  2. Clone the repository: Clone your forked repository to your local machine using the following command:
    git clone https://github.com/Yashi-Singh-1/Day-21-Send-Mail.git
  3. Create a new branch: Create a new branch for your changes using the following command:
    git checkout -b your-branch-name
  4. Make your changes: Make your changes to the project files.
  5. Commit your changes: Commit your changes with a descriptive commit message:
    git commit -m "Description of your changes"
  6. Push to your repository: Push your changes to your forked repository:
    git push origin your-branch-name
  7. Create a pull request: Go to the original repository and create a pull request from your forked repository. Provide a clear description of your changes in the pull request.

You can find the repository here: GitHub Repository.

Credits

This challenge is inspired by 100 Days CSS.