49 lines
611 B
CSS
49 lines
611 B
CSS
body {
|
|
font-family: Verdana;
|
|
}
|
|
|
|
h1 {
|
|
color: red;
|
|
}
|
|
|
|
p {
|
|
border: 10px dotted blue;
|
|
padding: 20px;
|
|
box-shadow: 0 0 50px green;
|
|
transition: box-shadow 1s;
|
|
}
|
|
|
|
p:hover {
|
|
box-shadow: 0 0 20px yellow;
|
|
}
|
|
|
|
img {
|
|
transition: transform 3s;
|
|
}
|
|
|
|
img:hover {
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
.exploison {
|
|
background: yellow;
|
|
border-radius: 100%;
|
|
animation: boom 2s ease-in-out;
|
|
position: absolute;
|
|
}
|
|
|
|
@keyframes boom {
|
|
from {
|
|
width: 0px;
|
|
height: 0px;
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
}
|
|
to {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-left: -100px;
|
|
margin-top: -100px;
|
|
}
|
|
}
|