CSS3 का उपयोग कर छवि होवर पर फीका हुआ फीका?

Question

मैं सोच रहा था कि छवि पर एक अनौपचारिक वर्ग कहां संभव है?

जो मैं प्राप्त करने की कोशिश कर रहा हूं वह यह है कि जब कोई व्यक्ति किसी छवि पर हो जाता है तो वह फीका होगा और फिर जब वे इसे पीछे छोड़ देते हैं तो वे पीछे हट जाते हैं?

मेरा कोड है, जब कोई छवि पर किसी को गुजरता है तो मुझे काम करने में फीका हो जाता है, लेकिन जब मुझे अनदेखा होता है तो मुझे बहुत फीका पड़ता है ... उम्मीद है कि यह समझ में आया।

http://jsfiddle.net/L7XCD/

Answer 1

यह आप के लिए काम करना चाहिए!

Transition rovide a way to control the speed of animation changes to CSS properties. Instead of having the animation changes take effect instantly, you can transition the property changes over a specified time period.

इसके अलावा हम संक्रमण समय कार्यों के लिए इस्तेमाल किया (आसानी, रेखीय, आसान, आसान-आउट, आसान in-: http://jsfiddle.net/L7XCD/1/

की यह समझाने के लिए महान mozilla प्रलेखन का उपयोग करते हैं बाहर)

Timing functions determine how intermediate values of the transition are calculated. The timing function can be specified by providing the graph of the corresponding function, as defined by four points defining a cubic bezier

सीसीएस मार्कअप:

img { 
    opacity: 0.6; 
    transition: opacity 1s ease-in-out; 
    -moz-transition: opacity 1s ease-in-out; 
    -webkit-transition: opacity 1s ease-in-out; 
} 
img:hover { 
    opacity: 1.0; 
    transition: opacity .55s ease-in-out; 
    -moz-transition: opacity .55s ease-in-out; 
    -webkit-transition: opacity .55s ease-in-out; 
}​ 

के बाद से वह संक्रमण आसानी-इन-बाहर उपयोग कर रहा था, मैंने सोचा कि यह एक ही संक्रमण समारोह का उपयोग करने के बेहतर था।

अधिक जानकारी के लिए जाँच documentation here

आशा है कि यह मदद करता है!

Answer 2

http://jsfiddle.net/L7XCD/2/ बस मंडराना-टैग के बिना अपने तत्व के लिए संक्रमण प्रभाव जोड़