Skip to main content

Forums

This topic contains 3 replies, has 2 voices, and was last updated by  lucibat 2 weeks, 3 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #288976

    lucibat
    Participant

    Hello.
    I want to the text in my div to display like this, while being rotated but instead it’s displayed like this: https://codepen.io/softlilsoul/pen/MddmWz

    Also, when I hover over it, I want it to expand from bottom to top. But it expands in the center. This only was an issue after I rotated the .navigation div. Is there a simple way to make both of these things work?

    #288977

    Paulie_D
    Moderator

    First thing is that you don’t need a transform to create that design.

    https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation

    #288992

    lucibat
    Participant

    I tried that, but idk how to get it to slide open vertically without making it a mess, which is why id like to alter the text with the div being rotated. To turn the invidual letters 90 degrees, while mantaining their initial positions.

    #288995

    lucibat
    Participant

    I have this, but the letters aren’t centered, and it won’t slide open.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star