```html
Data Morphing
.data-element {
width:
100px;
height:
100px;
background-color:
#fff;
border-radius:
10px;
transform-origin:
center center;
}
.data-element {
display:
flex;
flex-direction:
column;
justify-content:
center;
align-items:
center;
}
.data-element:nth-child(1) {
animation-delay:
0s;
}
.data-element:nth-child(2) {
animation-delay:
0.2s;
}
.data-element:nth-child(3) {
animation-delay:
0.4s;
}
.data-element {
animation:
data-morph 1s
ease
infinite;
}
@keyframes data-morph {
0% {
transform:
scale(1);
}
100% {
transform:
scale(1.3);
}
}
```