CSS3 kullanarak görüntü vurguluğunda soluk görünmüyor mu?

Question

Hiç bir görüntüde bir sınıfsız bir sınıfı belirtmenin mümkün olup olmadığını merak ediyordum?

Elde etmeye çalıştığım şey, bir kullanıcının bir resmin üzerine gelmesi ve kaybolduğunda tekrar sönmesidir.

Heres benim kodum, Birisi bir resmin üzerine geldiğinde işe yarayacak falan aldım ama onlar da unhover olduklarında sönmesine ihtiyacım var ... umarım bu mantıklıdır.

http://jsfiddle.net/L7XCD/

Answer 1

Bu sizin için çalışmalı! 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.

Ayrıca kolaylığı, doğrusal, kolay in, kolay çıkış, kolay in- (geçiş zamanlaması işlevlerini kullandı: http://jsfiddle.net/L7XCD/1/

en açıklamak harika mozilla belgelerine kullanalım üzerinden)

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

CCS işaretleme:

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; 
}​ 

o geçiş kolaylığı-in-out kullanıyordum beri, aynı geçiş fonksiyonunu kullanmak daha olduğunu düşünüyorum.

fazla bilgi için, documentation here

Umarım yardımcı olur kontrol edin!

Answer 2

http://jsfiddle.net/L7XCD/2/ Sadece