Есть 2 блока. в 1ом есть картинка
паддингом двигаю картинку вниз
как сделать картинку поверх второго блока ?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПроще руку положить на второй див и поднять вверх либо как писали выше задавать жёсткий z-index
div {
width: 100%;
min-height: 100px;
position: relative;
}
span {
background-color: red;
width: 50px;
height: 50px;
display: block;
top: -34px;
left: 50px;
position: absolute;
transform: rotate(30deg);
animation-name: move;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.first {
background-color: blue;
}
@keyframes move {
0% {
transform: rotate(30deg);
top: -34px;
}
30% {
transform: rotate(0deg);
top: -64px;
}
70% {
transform: rotate(-10deg);
top: 20px;
}
100% {
transform: rotate(30deg);
top: -34px;
}
}
.second {
background-color: yellow;
}
<div class="first"></div>
<div class="second"><span></span></div>