@Genexys
фронтенделье

Картинка плывет вместе с анимацией фона, все отдельными блоками, что не так?

-------
<body>
<div class="fon">
<div class="who"></div>
</div>
</body>

body {
	background: radial-gradient(circle farthest-corner at center, #fcfcfc, #a6a6a6);
}

.fon {
	background: url(1.png);
 -webkit-background-size: 100%;
  background-size: 100%;  
  height: 1000px;
  max-width: 1920px;
  position: relative;
   -webkit-animation-name: dot;
   -webkit-animation-duration: 60s;
}

@-webkit-keyframes dot {
    to {
        transform: translateX(1000px);
    }
}

.who {
	background: url(Меню_0008_Что-сделали_.png) ;
	height: 95px;
	max-width: 421px;
}


jsfiddle.net/genex/abbxs49m
  • Вопрос задан
  • 2384 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы