Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts

    Question css / css3 animation issue

    http://aaron-armstrong.com/new-a/#

    Hey Coding Forums,
    So i got a question for you.

    I am creating a new portfolio ( not sure if i'll use it or not yet. )
    And i have all the content on a single page.
    when you click on one of the navigation buttons ( top, left, bottom, or right. )
    That content slides down, and if you click home, it slides back away and shows the "home" page.

    But....
    When you click on the right or bottom, it doesnt animate, it just snaps into place. But still animates when its going back to the home page.

    I can only assume this has to do with how i am position these elements.
    I have their width and height set to 100%, and then i have a margin to hide them
    Code:
    Top = margin-top:-100%;
    Left = margin-left:-100%;
    Right = margin-left = 100%;
    Bottom = margin-top: 100%;
    How else would i position these elements ??

    I posted the link at the top, let me know if you need me to include the CSS or if you can just see it from inspect element, as right now my CSS is minified.

    Thanks in advance for all who help.

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    nooo helps


  • #3
    New Coder
    Join Date
    Oct 2012
    Posts
    44
    Thanks
    7
    Thanked 3 Times in 3 Posts
    Code:
    Top = margin-top:-100%;
    Left = margin-left:-100%;
    Right = margin-left = 100%;
    Bottom = margin-top: 100%;
    Is the above how you've coded it? You can't declare values like that. don't use equal signs to assign values, only colons. and I don't think you can assign a property to a property.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •