36 lines
382 B
CSS
36 lines
382 B
CSS
@import 'shared.css';
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
}
|
|
|
|
div {
|
|
height: 128px;
|
|
width: 128px;
|
|
background-color: red;
|
|
|
|
position: absolute;
|
|
top: calc(50% - 64px);
|
|
left: calc(50% - 64px);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
animation: move 10s ease-in-out both;
|
|
}
|
|
}
|
|
|
|
@keyframes move {
|
|
0% {
|
|
}
|
|
100% {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
}
|