Skip to content

Latest commit

 

History

History
36 lines (28 loc) · 1.33 KB

README.md

File metadata and controls

36 lines (28 loc) · 1.33 KB
Raw

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:
<img class="rotateImg rotationStyle2" src="crazyFace2.png">


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
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.