Topics :

गुरुवार, अगस्त 23, 2012

Home » , , » CSS3 transitions effects : Mouse over the element

CSS3 transitions effects : Mouse over the element

CSS3 transitions effects : Mouse over the element

CSS3 Transitions :के अंतर्गत मूलवस्तु को दूसरे स्टाइल में बदलने के लिए प्रयोग किया जाता है | इसे एक उदाहरण के रूप में समझने का प्रयास करते हैं | आप निम्न चित्र को ध्यान से देखें |


अब आप इस चित्र पर माउस ले कर जाएं | ये चित्र एक दम से दाईं तरफ बढ़ कर बड़े रूप में दिखाई देगा |

अब कुछ ब्लॉगर या पाठक पूछेंगे की इस ट्रिक का फायदा क्या है ? तो लगे हाथ आपको ये भी बता दें कि यदि आप अपनी किसी भी पोस्ट के कुछ अंश अपनी पोस्ट के बीच मं ही हाईलाईट करना चाहते है तो इसके प्रयोग से कम स्थान घेरते हुए अपनी पोस्ट के अंश को हाईलाईट कर सकते हैं | आप किसी तस्वीर के साथ भी ऐसा कर सकते हैं |

पहला उदाहरण आप ने चित्र के साथ देखा है | अब दूसरा उदाहरण टेक्स्ट के साथ देखें |

CSS3 Transitions :के अंतर्गत मूलवस्तु को दूसरे स्टाइल में बदलने के लिए प्रयोग किया जाता है |

1. अब ये जानेगे की इसका प्रयोग कैसे करना है ?
2. सबसे पहले आप निम्न बटन पर कलिक करके इस कोड को अपने ब्लॉग पर स्थापित कर लें |

3. अब निम्न कोड को ध्यान से देखें | जहाँ पर "अपना टेक्स्ट यहाँ पर लिखें |" लिखा है वहाँ पर आप अपनी पोस्ट के अंश लिखें |

<p class="thm_mouseover">अपना टेक्स्ट यहाँ पर लिखें </p>

4. आपने ये प्रक्रिया एडिट मोड में करनी है |
5. बस इतना भर करना है |

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF

Share this post :

4 टिप्‍पणियां:

Vaneet Nagpal

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |