Есть ли способ создать эффект постепенного появления / исчезновения, используя только CSS 3? - PullRequest
Новая
       4

Есть ли способ создать эффект постепенного появления / исчезновения, используя только CSS 3?

0 голосов
/ 02 октября 2011

Есть ли способ создать эффект постепенного появления / исчезновения при наведении / уменьшении мыши, соответственно, который использует только CSS 3?
Если так, скажете ли вы, что это хороший способ реализовать такойэффект только с CSS или нет?
Мне кажется, это проблема только для презентации, поэтому я не уверен, почему JavaScript должен быть задействован?

1 Ответ

3 голосов
/ 02 октября 2011

Вы ищете что-то вроде этого: http://jsfiddle.net/hRuR9/2/?

Это довольно просто ... 

.box{
    opacity: 0.0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.box:hover{
    opacity: 1.0;
}

Что касается использования или нет, это хорошая идея, это зависит от вашей целевой аудитории и от того, какие браузеры вы ожидаете от них использовать или хотите поддерживать.Последние версии Safari, Chrome и Firefox (и я считаю, Opera) поддерживают это.Понятия не имею о последних версиях IE, но вы можете забыть о старых версиях.

...