jquery - CSS3 translateX not working -


When I click on a menu item I am trying to animate many items on the screen ... all the animations but one Working as desired. I want to move from the right side of the page to the main content (section) but it appears without just the sliding, but it is relevant CSS code:

  section {width: 920px ; Background: RGB (247, 239, 239); Status: Completed; Left: 2000 pixels; Top: 240 pixels; Padding: 20px; }. FadeInRight {-webkit-transition: 1s easy-in-out; -Moose-infection: 1s easily out; -M-infection: 1s easily out; -O-Infection: 1s easily out; Infection: 1s easily out; Webkit-transform: Translation X (-2000px); -MOZ-TRANSFORM: translatex (-2000px); -mms-transform: translate x (-2000px); -o-conversion: translateX (-2000px); Conversion: Translator X (-2000px); }   

html code:

  & lt; Section id = "content" class = "fadeInRight" & gt; & Lt; / Section & gt;   

After clicking on one of the links in the footer, you can see the action in the code.

Any advice is highly appreciated.

Thanks

Specify an asset that needs to be animated:

 . FeedInnight {-VBKit-Infection: -WebKit-Transform 1S Easy-In-Out; -Mozy-transition: -MOZ-transform 1s ease-in-out; -M-Infection: -Ma-Transformation 1s Easy-In-Out; -O-Infection: -O-Transform 1S Ease-In-Out; Infection: 1-out easily; Webkit-transform: Translation X (-2000px); -MOZ-TRANSFORM: translatex (-2000px); -mms-transform: translate x (-2000px); -o-conversion: translateX (-2000px); Conversion: Translator X (-2000px); }    

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -