CSS3 transform rotate text, fixed position left and right, vertically centered

前端 未结 2 751
被撕碎了的回忆
被撕碎了的回忆 2021-02-08 03:37

I\'m trying to position one element to the left and one to the right of the browser window, both contains an ul with CSS transform rotate. I have managed to positio

2条回答
  •  你的背包
    2021-02-08 03:54

    I think that I get it more or less right. It would be:

    .rotate-right ul {
        -webkit-transform-origin: 78% 100%;
        -webkit-transform: rotate(90deg) translate(0%, 0%);
    

    You don't need to translate if you choose ok the transform origin; going to 78% would be to compensate for the li width

提交回复
热议问题