:doodle { @grid: 10 / 100%; } background: @pick( #E6F7EF, #DEF1FF, #EBE8FF, #FFE3E3, #FFEFD4, #FFD147, #F6A505, #63C0C4, #00888B, #D9EDEB, #222B54, #003B5D ); transform: translate( @rand(-50vw, 50vw), @rand(-50vh, 50vh) ); @size: 4vmin; @shape: bud; animation-name: explosion; animation-iteration-count: infinite; animation-direction: reverse; animation-duration: calc(@rand(2s, 5s, .1)); animation-delay: calc(@rand(-5s, -1s, .1)); animation-timing-function: cubic-bezier(.84, .02, 1, 1); @keyframes explosion { 0% { opacity: 1; } 70% { opacity: 0; } 100% { transform: translate(0, 0); } }

Video-Demonstration buchen

Vereinbare deinen kostenfreien Termin.

Lerne zimplify in 15-30 Minuten kennen. Wir zeigen dir die Anwendungsmöglichkeiten und beantworten gern deine Fragen.

4 + 1 = ?