Как сделать медленное появление картинки из невидимости?

Рейтинг: 0Ответов: 1Опубликовано: 25.09.2014

Есть картинка, надо, чтобы она медленно из невидимой становилось видимой. По логике, задача-то элементарная, но голова никак не сообразит(((

css javascript html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Я люблю так делать: <div class="picture"></div>

.picture { 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
  -webkit-animation-name: fadeIn; 
  animation-name: fadeIn;
} 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
}