Сайт находится на модернизации)
Вы можете связаться со мной в Telegram
Вы можете связаться со мной в Telegram
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #fff;
}
.container {
position: relative;
width: 600px;
height: 400px;
}
.shape {
position: absolute;
width: 200px;
height: 200px;
background-color: #000;
opacity: 1;
animation: explode 1.5s ease-out forwards;
}
.shape:nth-child(1) {
top: 0;
left: 0;
}
.shape:nth-child(2) {
top: 0;
right: 0;
}
.shape:nth-child(3) {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
@keyframes explode {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}