Hello, I'm trying to create this class in kotlin/j...

# javascript

[Peter]

Hello, I'm trying to create this class in kotlin/js

.left-slide {
  height: 100%;
  width: 35%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .5s ease-in-out;
}

So far I have

styledDiv {
                    css {
                        height = LinearDimension("100%")
                        width = LinearDimension("35%")
                        position = Position.absolute
                        top = LinearDimension("0")
                        left = LinearDimension("0")
                        transition = ???

                    }
...}

and I don't know how to create this transition.

Is someone able to help me ?

Thank you in advance

[andylamax]

styledDiv {
                    css {
                        height = 100.pct
                        width = 35.pct
                        position = Position.absolute
                        top = 0.px
                        left = 0.px
                        transition {
                           transform(0.5.s)
                        }

                    }
}

[Peter]

Hello, can you please explain ? This doesn't work for me

[Peter]

I ended up with

height = LinearDimension("100%")
width = LinearDimension("35%")
position = Position.absolute
top = LinearDimension("0")
left = LinearDimension("0")
backgroundColor = item.color
transition("transform", 0.5.s, Timing.easeInOut)

[Peter]

But I am not sure whether it is working 😄