https://github.com/kaplanh/animation-example_text-buton-foto

The project aims to create an animated page using CSS animation, transform, transition JS DOM Manipulation.
https://github.com/kaplanh/animation-example_text-buton-foto

Last synced: 3 days ago
JSON representation

The project aims to create an animated page using CSS animation, transform, transition JS DOM Manipulation.

• Host: GitHub
• URL: https://github.com/kaplanh/animation-example_text-buton-foto
• Owner: kaplanh
• Created: 2023-06-02T10:39:12.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-10T21:55:53.000Z (10 months ago)
• Last Synced: 2024-01-12T04:50:39.976Z (10 months ago)
• Language: HTML
• Homepage: https://kaplanh.github.io/Animation-Example_Text-Buton-Foto/
• Size: 8.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Project-007 : Animation Example(Text-Buton-Foto)

[Click Me!]( https://kaplanh.github.io/text-btn-foto--animation/)

![animation](https://github.com/kaplanh/text-btn-foto--animation/assets/101884444/b33676a2-ca16-4f48-a06c-a1ee8f59cfb2)

## Description

The project aims to create an animated page using CSS animation, transform, transition JS DOM Manipulation.

## Project Skeleton

```

Animation Example(Text-Buton-Foto) (folder)

|

|----assets

|----index.html

|----basketball.html

|----readme.md

```

### The following topics were addressed in the project;

-   HTML

    - audio tag

    - 

-   Css

    -   Animation

    -   @keyframes 

    -   Transform Property

    -   Transition property

    -   The Display Property

    -   CSS Flex

    -   Units in CSS

    -   CSS Setting height and width

    -   CSS Combinators

-   JS

    - DOM

    - window.addEventListener()

    - click() event

    - query selectors

    -  play()

### At the end of the project, developers will be able to;

-   improve coding skills within HTML & CSS, Animation and JS DOM

-   use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Notes

-   You can use HTML, CSS  and Javascrip to complete this project.

 ⌛ Happy Coding  ✍