2개의 요소에 transform rotate속성을 줬는데 하나는 먹고 하나는 안 처먹네
처먹는 놈은 키프레임 애니메이션으로 줘도 잘 먹는데 안 먹는 놈은 왜 안 먹는겨

<!--// HTML //-->
<div class=\"body\">
    <div class=\"cock\"></div>
    <div class=\"cock\"></div>
    <div class=\"cock\"></div>
    <div class=\"cock\"></div>
</div>

/* CSS */
@keyframes meatspin{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.body{
    animation: meatspin 3s infinite linear;
}
.cock{
    width: 1em;
    height: 15px;
}
.cock:nth-child(2){
    transform: rotate(45deg);
}
.cock:nth-child(3){
    transform: rotate(90deg);
}
.cock:nth-child(4){
    transform: rotate(135deg);
}


문제의 테스트 환경은 안드레기 2.3 진저빵이고 벤더 프리픽스 붙여도 안됨. 본문에는 스크롤 길어질까봐 생략했음.

안드레기 진짜 개젖같다. viewport설정 안해주면 fixed요소가 스크롤 따라오는 것처럼 보여도 실제영역이 제자리에 머물러있지를 않나.

뻥 좀 보태서 구형 익스랑 맞짱뜰 수준임. 아 물론 CSS뿐만 아니라 총체적으로 발암물질 덩어리인 익스6은 넘사벽이니까 그 위로...

실제영역이 스크롤 안 따라오는 문제는 이리 저리 삽질한 끝에 뷰포트 때문이라는 걸 알아냈었는데 이건 암만 주물러봐도 도무지 모르겠다;