Добавил:
Upload
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:
.round {
width: 80px;
height: 80px;
background: black;
border-radius: 150px;
margin-left: 150px;
margin-top: 100px;
display: inline-block;
}
.round:hover {
-webkit-transform: scale(2,2);
-ms-transform: scale (2,2);
-moz-transform: scale(2,2);
transforn: scale (2,2);
transition: 3s;
background: ;
}
.cube {
width: 80px;
height: 80px;
background: black;
margin-left: 440px;
margin-top: 100px;
display: block;
transition: all ease 3s;
}
.cube:hover {
transform: rotate(860deg) translate(200px,200px);
border-radius: 50%;
background: url(orange.jpg) no-repeat 50% 50%;
/*-webkit-transform: rotate(360deg) translate(100px,100px);*/
}
width: 80px;
height: 80px;
background: black;
border-radius: 150px;
margin-left: 150px;
margin-top: 100px;
display: inline-block;
}
.round:hover {
-webkit-transform: scale(2,2);
-ms-transform: scale (2,2);
-moz-transform: scale(2,2);
transforn: scale (2,2);
transition: 3s;
background: ;
}
.cube {
width: 80px;
height: 80px;
background: black;
margin-left: 440px;
margin-top: 100px;
display: block;
transition: all ease 3s;
}
.cube:hover {
transform: rotate(860deg) translate(200px,200px);
border-radius: 50%;
background: url(orange.jpg) no-repeat 50% 50%;
/*-webkit-transform: rotate(360deg) translate(100px,100px);*/
}