Анимация на css 3 [закрыт]

#css #css3

        
             
                
                    
                        
                            Закрыт. Этот вопрос необходимо уточнить или дополнить
подробностями. Ответы на него в данный момент не принимаются.
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            Хотите улучшить этот вопрос? Добавьте больше подробностей
и уточните проблему, отредактировав это сообщение.
                        
                        Закрыт 2 года назад.
                                                                                
           
                
        
Добрый день, подскажите пожалуйста, как сделать бесконечную анимацию на css 3


   
   



Нужно, что бы картинки плавно исчезали и появлялись, что бы первая картина быстрее
появлялась и исчезала, чем вторая.

Без js.
    

Ответы

Ответ 1

img {
  position: absolute;
  animation: blink 5s linear infinite;
}

img + img {
  animation-duration: 10s;
}

@keyframes blink {
    0% { opacity: 1 }
   50% { opacity: 0 }
  100% { opacity: 1 }
}