हॉवर पर एनिमेशन प्रदान करने के लिए CSS कोड लिखें।
यहाँ है CSS कोड जो हॉवर पर एनिमेशन प्रदान करेगा:

.box {
  background-color: #ff8c00;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  transition: all ease-in-out 0.3s;
}

.box:hover {
  background-color: #fff;
  color: #ff8c00;
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

यह एक बॉक्स एलीमेंट के लिए है जिसमें हॉवर पर एनिमेशन प्रदान किया जाता है। हमने एक transition प्रॉपर्टी द्वारा सभी परिवर्तनों को संभव बनाया है। जो हॉवर पर माउस के ऊपर आने पर एक अन्य रंग और टेक्स्ट कलर लागू करता है। इसके अलावा, हमने transform प्रॉपर्टी द्वारा आकार को 1.2 गुना बढ़ाया और बॉक्स के चारों ओर एक छायापथ जोड़ा है।