Hey guys!! im working on a project! updated kobweb...

# kobweb

[Eduardo Ruesta]

Hey guys!! im working on a project! updated kobweb to lastest version. But im facing this issue:

val MainPostPreviewStyle = CssStyle {
    base {
        Modifier
            .scale(100.percent)
            .transition(Transition.of(property = TransitionProperty.All, duration = <http://300.ms|300.ms>))
    }

i have issue with the property

[CLOVIS]

Hey! When you have a problem, please include the error message, it makes it much easier for us to help 🙂

[Eduardo Ruesta]

the error message say: that for the property we have to pass a String or TransitionProperty. And thats what im doing but still showing me red error in the transition line

[CLOVIS]

Can you show me the exact error message?

[Eduardo Ruesta]

Captura de pantalla 2024-06-27 a la(s) 12.28.09 p. m..png

[S.]

.transition(Transition.all(<http://300.ms|300.ms>, AnimationTimingFunction.Ease)) this should work

[Eduardo Ruesta]

its worked!!!

[David Herman]

Thank you @CLOVIS and @S.!

[David Herman]

Currently the TransitionProperty list of constants is only meant for the Modifier.transitionProperty(...) modifier. It does seem like All should be supported as an argument to Transition.of so I'll take a look at exposing it. In the meanwhile, Transition.all is the way to go.

[Eduardo Ruesta]

thanks @David Herman

[David Herman]

You're welcome @Eduardo Ruesta

Actually while we were digging around, we learned in CSS that transition: all 200ms, opacity 400ms is actually valid, so we were able to fix an API issue while we were in there. (Previously, Kobweb prevented you from specifying any other property name if you used Transition.all)

Anyway, starting in 0.18.3, you'll be able to use Transition.of(TransitionProperty.All), so thanks for bringing up your issue!