Re: [csswg-drafts] [css-values] random() function (#2826)

• From: Brandon McConnell via GitHub <sysbot+gh@w3.org>
• Date: Thu, 28 Jul 2022 16:25:43 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1198371449-1659025541-sysbot+gh@w3.org>

@tabatkins Thanks, that's very helpful! So the `per-element` keyword could be combined with an ident (e.g. `x` vs. `y`) to create two different idents per element for each axis?

So for my confetti example, that could be simplified down to something this simple? 🤩
```css
.confetti > .confetto {
  animation: 3s ease-out reverse random-offset;
}
@keyframes random-offset {
  from {
    transform: translate(0px, 0px);
  }
  to {
    transform: translate(random(x per-element, -50px, 50px), random(y per-element, -50px, 50px));
  }
}
```

-- 
GitHub Notification of comment by brandonmcconnell
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2826#issuecomment-1198371449 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 28 July 2022 16:25:44 UTC