Jump to content

Trying to rotate a shape block but its animating from the rotation back to zero

Recommended Posts

Trying to rotate a shape block but its animating from the rotation back to zero when the section is scrolled to instead of staying put at X degrees. Ive tried to disable the site animation for that section but doesn't seem to work.

I didn't see what was happening originally I just thought it wasn't rotating at all until I changed the rotation amount to something more noticeable… (70deg) then I saw it whir around back to 0deg.

Here is the example of the code I'm using…

 

#block-cebb362c5e14c053b1fd
{
  transform: rotate(3deg) 
}

 

Any ideas? thanks, Ellen

Added a movie attachment, check out the Post-It style shape block on the left as the page scrolls.

Edited by EllenReynolds
Added attachment
Link to comment
  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Hi @tuanphan oh ok well thanks for trying to help out.

Just to clarify as I know my post might have been a little confusing… I just want to have the shape stay rotated with no animation like the text I have rotated.

I have seen tutorials for it here's one…

but looks like someone in the comments has the same problem as me.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.