Для чого потрібно створювати інформаційну модель проекту

.square{

width:80px;

height:80px;

margin:30px auto;

background-color: #000080;

animation-name: zez;

animation-duration: 4s;

-moz-animation-duration: 4s;

animation-timing-funktion: ease-in-out;

animation-direction: normal;

}

@keyframes zez {

from {

transform: rotate(0deg);

}

25% {

background-color: #00;

}

50% {

background-color: #ADFF2F;

}

to {

   transform: rotate(360deg);

}

}

Объяснение: