:doodle {
@grid: 10x8 / 100% 100%;
overflow: hidden;
}
gap: @r(4px, 12px);
width: @r(38%, 95%);
height: @r(18%, 64%);
background: @p(#f08aa9, #f7c4d7, #fff7fa, #dca0b7, transparent, transparent);
opacity: @r(.05, .22);
border-radius: @r(100%, 30%) @r(100%, 30%) @r(100%, 30%) 20%;
box-shadow: 0 0 @r(0px, 12px) rgb(255 255 255 / .35);
transform: rotate(@r(-42deg, 42deg)) scale(@r(.52, 1.15));
animation: petal-drift @r(13s, 24s) ease-in-out infinite alternate;
animation-delay: @r(-18s, 0s);
animation-play-state: var(--ambient-doodle-play-state, running);
@keyframes petal-drift {
to {
opacity: @r(.04, .18);
transform: rotate(@r(-60deg, 60deg)) scale(@r(.46, 1.22));
}
}
Welcome to
WuYang
Database
