Rotation-Animation-CDN

❗❗❗ This is README for Rotation-Animation ❗❗❗

🌟 Credits

Designed and developed by Manav Kapila
Crazy face image designed using Paint 3D

🤔 How to use it?

1. Import Rotation-Animation Css as mentioned Below:

  Add styles in <head>:

  <link rel="stylesheet" href="https://manav-kapila.github.io/Rotation-CSS-CDN/rotation.css">

2. Set animation using class name:

2.1 class name and purpose:-

- rotateImg= class name assigned to multiple images to apply common styles like width, height, margin,padding,etc.

- rotationstyle2= class name corresponding to particular rotation style applied.

3.Predefined options:-

3.1 Animation Styles

Name		Name	Last commit message	Last commit date
Latest commit History 20 Commits
LICENSE		LICENSE
README.md		README.md
crazyFace2.png		crazyFace2.png
index.html		index.html
rotatingLogo.png		rotatingLogo.png
rotation.css		rotation.css
styleMain.css		styleMain.css

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Rotation-Animation-CDN

🌟 Credits

🤔 How to use it?

1. Import Rotation-Animation Css as mentioned Below:

`Add styles in <head>: <link rel="stylesheet" href="https://manav-kapila.github.io/Rotation-CSS-CDN/rotation.css">`

2. Set animation using class name:

2.1 class name and purpose:-

- rotateImg= class name assigned to multiple images to apply common styles like width, height, margin,padding,etc.

- rotationstyle2= class name corresponding to particular rotation style applied.

3.Predefined options:-

3.1.1 rotationStyle1 = Rotates once On Hover and then Stops.

3.1.2 rotationStyle2 = Keeps Rotating On Hover.

3.1.3 rotationStyle3 = Auto-Rotation.

4. Customisation:-

You can customise the rotation angle, time duration, etc by overriding the styles in your custom CSS.

About

Releases

Packages

Languages

License

Manav-Kapila/Rotation-Animation-CDN

Folders and files

Latest commit

History

Repository files navigation

Rotation-Animation-CDN

🌟 Credits

🤔 How to use it?

1. Import Rotation-Animation Css as mentioned Below:

Add styles in <head>: <link rel="stylesheet" href="https://manav-kapila.github.io/Rotation-CSS-CDN/rotation.css">

2. Set animation using class name:

2.1 class name and purpose:-

- rotateImg= class name assigned to multiple images to apply common styles like width, height, margin,padding,etc.

- rotationstyle2= class name corresponding to particular rotation style applied.

3.Predefined options:-

3.1.1 rotationStyle1 = Rotates once On Hover and then Stops.

3.1.2 rotationStyle2 = Keeps Rotating On Hover.

3.1.3 rotationStyle3 = Auto-Rotation.

4. Customisation:-

You can customise the rotation angle, time duration, etc by overriding the styles in your custom CSS.

About

Topics

Resources

License

Stars

Watchers

Forks

Releases

Packages 0

Languages

`Add styles in <head>: <link rel="stylesheet" href="https://manav-kapila.github.io/Rotation-CSS-CDN/rotation.css">`

Packages