Skip to content

Commit

Permalink
improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
marc2332 committed Apr 14, 2024
1 parent 9af33e6 commit f20ad03
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 2 deletions.
Binary file added website/public/blog/0.2/animation.mp4
Binary file not shown.
8 changes: 6 additions & 2 deletions website/src/content/blog/0.2.md
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,11 @@ It simply let's you cache an asset in the form of bytes with a given duration. O

Previously, there used to be two hooks for animations `use_animation` and `use_animation_transition`, these two have now been merged under `use_animation` and refactored from the gound up, the api is now more flexible and robust than before.

See this cool example on [X (Twitter) 🎥](https://x.com/mkenzo_8/status/1756697617348579731)
[Example](https://github.com/marc2332/freya/blob/main/examples/animation.rs):

<video muted autoplay playsinline loop >
<source src="/blog/0.2/animation.mp4" type="video/mp4" >
</video>

For instance, let's say you want to create an animation that will animate from a value from `25.0` to `75.0` in a duration of `200ms` with an `Expo` function and an `Out` ease.

Expand Down Expand Up @@ -505,7 +509,7 @@ rsx!(

### 💪 `content: fit` and `fill-min`

The new `content` attribute bring more layout flexibility by letting you expand the size of certain elements to the max of the biggest element.
The new `content` attribute and `fill-min` brings more flexibility by letting you expand the size of certain elements to the max of their biggest sibling.

Example:

Expand Down

0 comments on commit f20ad03

Please sign in to comment.