अभ्यास के लिए केवल सीएसएस का उपयोग करके दृश्य में उस पर होवर करते समय मुझे एक तत्व को स्थानांतरित करने की आवश्यकता होती है। मुझे कुछ विकल्प मिले लेकिन उन्होंने काम नहीं किया।

<div>
<span class="hoverOver"> </span>
</div>

अग्रिम में धन्यवाद

संपादित करें: उत्तर के लिए धन्यवाद।

मैंने जैकलिन सिरिंगियोन द्वारा प्रदान किए गए समाधान का उपयोग करके आंशिक रूप से हल किया: होवर चयनकर्ता और इस पोस्ट में दिए गए समाधान का उपयोग करके: CSS3 एनिमेशन translation3d काम नहीं कर रहा है

इसलिए मैंने इस तरह एक सीएसएस बनाया: (मुझे कक्षा को div में स्थानांतरित करना पड़ा ताकि इसे इरादे से काम किया जा सके)

.hoverOver{
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
transition:all 0.3s linear;}

.hoverOver:hover{
-webkit-transform: translate(230px);
-moz-transform: translate(230px);
-o-transform: translate(230px);
-ms-transform: translate(230px);
transform: translate(230px);}
<div  class="hoverOver">
<span > I WANT TO MOVE</span>
</div>
0
Juancho.MDQ 20 सितंबर 2018, 17:31

1 उत्तर

सबसे बढ़िया उत्तर

होवर क्लास :hover जोड़कर आप इसे अपनी पसंद का कुछ भी कर सकते हैं

span.hoverOver:hover {
position: relative;
left: 20%;
}
0
Jaclyn Ciringione 20 सितंबर 2018, 17:56