CSS transform : rotate()
What are competencies?
EXP:
40
CSS transform : rotate()
The CSS transform: rotate() function rotates an element around a fixed point (usually its center) by a specified degree, allowing for dynamic and visually engaging transformations.
Initial CSS for this problem is already written for you. Your task in this problem is to rotate the .box element upon hover using transform property
| S. no | Problem |
|---|---|
| 1 | target the .box element and apply the hover style in the instruction |
INSTRUCTIONS:
| CSS Selector | CSS Style |
|---|---|
| .box:hover | transform: rotate(45deg) |
- Final
Evaluation
- After submission, your solution will be evaluated automatically based on the tasks defined above.
- Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
- You can work on your failed test cases & resubmit your solution.
- Your problem will get evaluated instantly.
Do’s & don’t
- Use the given code structure in editor and do not make any changes.
- Do not modify existing classes or tags.
- Focus on correct HTML structure and class names.
Query & feedback
- In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.
Best of luck, developers!